webpack局部安装的问题

webpack的局部安装

npm install webpack 

默认状态是当前目录下安装，-g是全局安装

-----------------------------------------------------------------------------

因为webpack版本更新的问题

npm install webpack 默认安装的是最新版本，会出现以下问题

cnpm install webpack

解决方法1

可是cnpm却能够执行（如图）

 

可是由于webpack2以后直接局部安装是不能直接经过命令运行

最新提示

z在webpack 3中，webpack自己和它的CLI之前都是在同一个包中，但在第4版中，他们已经将二者分开来更好地管理它们。选择yes直接安装。

这是为何呢?缘由是个人webpack版本太高,原来的命令已经不适用了。

更换命令：

./node_modules/.bin/webpack hello.js -o hello.bundle.js

以上的警告指的是没有设定是开发模式仍是生产模式,要求指定.

只须要在项目中的package.json中script中配置上

 "dev": "webpack --mode development",    "build": "webpack --mode production" 两句便可

尝试全局安装webpack-cli，能够直接使用webpack命令。

 

解决方法2

安装webpack1

npm install webpack@1.13.2

没有报错，可是文件夹中没有生成文件，并且提示中提示找不到package.json

那在文件夹中增长package.json

成功生成文件。

package.json文件内容只须要{}

{}

运行命令会会自动生成

而且package.json内容会变成

 

而且能够运行