webpack4.0.1安装问题及解决方法

Posted 2020-10-26 Cynthia-milk

2月底的时候,webpack4正式发布了,但是当我们安装之后,使用下面的语句来打包的时候,发现打包失败了

webpack ./src/main.js ./dist/bundle.js

并且给出了下面这段提示:

The CLI moved into a separate package: webpack-cli.
Please install ‘webpack-cli‘ in addition to webpack itself to use the CLI.
-> When using npm: npm install webpack-cli -D

-> When using yarn: yarn add webpack-cli -D

大概意思是:cli被移到了一个叫webpack-cli的包里面,请安装webpack-cli 的除了webpack本身使用cli,

当使用的是npm:npm install webpack-cli -D

当使用yard:yarn add webpack-cli -D

并且当我们查看webpack版本号的时候,版本号也显示不出来

webpack -v

　解决方法:

全局安装一下webpack-cli

npm install webpack-cli -g

当安装完之后,就能显示版本号了,

注意点:安装好之后,打包文件的时候必须在webpack.config.js文件里面配置入口出口文件来打包,不然的话会报错.使用的时候尽量还是不要在生产环境使用.官网上也说了一句话:安装这些最新体验版本时要小心！它们可能仍然包含 bug，因此不应该用于生产环境。

在项目目录下要本地安装webpack-cli -D

npm install webpack-cli -D