在进行webpack打包前我们要确保已完成的工作:

1)安装webpack:推荐全局命令  cnpm install webpack -g 查看webpack版本 webpack -v

2)此时对文件进行打包可能出现错误,提示脚手架文件错误,因为在webpack4的版本里,CLI被单独分离出来了所以要我们单独安装  执行全局命令 npm i -g webpack-cli 安装完脚手架,按理讲是可以正常进行打包了

完成上述准备工作后,开始执行打包命令

于是执行打包命令  webpack a.js bundle.js 结果还是出现警告 WARNING in configuration The ‘mode’option has.....和错误 ERROR in multi...

截图如下:

webpack打包报错WARNING in configuration the 'mode' option,ERROR in multi

出现这个错误提示并不是我们环境装错了,而是webpack4 更新后对webpack语法进行了更严格的要求

之前的命令被修订为 npx webpack a.js --output-filename bundle.js --output-path . --mode development 

这样就可以成功对文件进行打包了

 

相关帖子:

Webpack 4使用报错:The CLI moved into a separate package: webpack-cli.

webpack 4 执行 webpack 报错

***************发现上面两个链接莫名不见了,待周末再更新***************

 

相关文章: