webpack安装&指定版本安装&遇到的问题

摘要:
1.安装nodejs。安装完成后,在cmd命令行中输入node-v以查看版本号。显示版本号表示安装成功。2.npm包管理器集成在节点中。输入npm-v以显示npm版本号。3.创建package.json文件,输入命令npminit,将在项目目录(webpack的全局安装)下生成package.jsn文件。4.安装webpack,输入命令npminstallwebpack-g5。安装webpack

1.安装nodejs,安装完成,cmd命令行中输入node -v 查看版本号,版本号显示则说明安装成功
2.npm包管理器是集成在node中的,输入 npm -v,显示npm版本号
3.创建package.json文件,输入命令 npm init,工程目录下就会生成一个package.json文件(全局安装webpack)
4.安装webpack,输入命令 npm install webpack -g
5.安装 webpack 依赖,输入命令 npm install webpack --save-dev
6. webpack -v,显示webpack版本号,则webpack安装成功

注意,目前最新版本的webpack需要搭配webpack-cli使用,4.x的版本也有很多不兼容的情况,建议使用3

指定版本安装的命令

npm install webpack@3 -g 

其中遇到几个问题:

You have installed webpack-cli and webpack-command together. To work with the "webpack" command you need only one CLI package, please remove one of them or use them directly via their binary.

意思就是已经按照了webpack-cli 和 webpack-comand,需要移除其中一个

运行如下命令:

npm remove  webpack-cli 或者 npm remove webpack-command

webpack安装&指定版本安装&遇到的问题第1张

免责声明:文章转载自《webpack安装&指定版本安装&遇到的问题》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇ubuntu wine 使用英文论文里的缩写:e.g. etc. et al. i.e.下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

Vue SSR 组件加载:Node 端渲染提示 window/document 没有定义

业务场景 首先来看一个简单的 Vue 组件test.vue <template> <div> <h2>clientHeight: {{ clientHeight }} px </h2> </div> </template> <script type="text...

svn 基础 入门 (Good!)

前言: 软件不能完全解决因沟通造成的问题。 什么是 svnsubversion的版本库是一种文件服务器,它记录每一次改变,每个文件的改变,甚至是目录树本身的改变,例如文件和目录的添加、删除和重新组织。一般情况下,客户端从版本库中获取的数据是文件系统树中的最新数据。但是客户端也具备查看文件系统树以前任何一个状态的能力。举个例子,客户端有时会对一些历史性问题感...

gulp与webpack-stream集成配置

  webpack非常强大,但是也有不足的地方,批量式处理依然是gulp更胜一筹.我们是否可以将两者的优点结合起来呢? 这篇文章就是讲述如何集成gulp和webpack 1.安装webpack-stream 很重要的插件,当然也可以直接使用官方的webpack,集成方式可以看webpack官网. 但webpack-stream更符合gulp的流语法. s...

adt-bundle更新eclipse,以及搭建android环境

曾经开发一直去android官网下载adt-bundle的。里面已经包括了eclipse和android SDK,搭建android环境特别方便,仅仅须要3步:1.下载并安装jdk(也就是jar se) 2.配置java环境变量 3.下载adt-bundle。这样就能够打卡eclipse直接开发Android了。 可是,adt-bundle有一个缺点就...

我想写一个前端开发工具(一):在npm发布模块

有必要说说我为什么要开始写这个,正文从下面的第一条开始 我最近忙于公司的项目,一直没有抽出时间来写文章。本来想每个月写一片文章,保质保量,无奈上个月没有坚持。 这段时间有点忙,主要是由于公司业务调整,我从原来的广告项目中调整到新业务线的前台页面开发了,和以前一样,还是带着3、4个兄弟姐妹。不同的是以前的项目周期普遍偏长,可以让每个同学有时间从头到尾的把项目...

User-agent大全

一、基础知识篇:Http Header之User-Agent User Agent中文名为用户代理,是Http协议中的一部分,属于头域的组成部分,User Agent也简称UA。它是一个特殊字符串头,是一种向访问网站提供你所使用的浏览器类型及版本、操作系统及版本、浏览器内核、等信息的标识。通过这个标 识,用户所访问的网站可以显示不同的排版从而为用户提供更...