webpack文件打包错误是什么情况?对于webpack文件打包错误的情况不少朋友都遇到过,但是对于如何解决一些朋友可能不是很了解,对此这篇文章小编就给大家分享一下webpack文件打包错误的原因以及解决方法,有需要的朋友可以参考。
在进行webpack打包前我们要确保已完成的工作:
1)安装webpack:推荐全局命令 npm install -g webpack 查看webpack版本 webpack -v
2)此时对文件进行打包可能出现错误,提示脚手架文件错误,因为在webpack4的版本里,CLI被单独分离出来了所以要我们单独安装 执行全局命令 npm install -g webpack-cli 安装完脚手架,按理讲是可以使用webpack命令进行正常打包了。
使用webpack打包文件的一般语法为:(简书上面的webpack入门教程是这样说的)
# {extry file}出填写入口文件的路径,本文中就是上述main.js的路径, # {destination for bundled file}处填写打包文件的存放路径 # 填写路径的时候不用添加{} webpack {entry file} {destination for bundled file} # webpack非全局安装的情况 node_modules/.bin/webpack app/main.js public/bundle.js
于是执行打包命令 webpack a.js bundle.js 结果还是出现错误 WARNING in configuration The ‘mode'option has…..
截图如下:
出现这个错误提示并不是我们环境装错了,而是webpack4 更新后对webpack语法进行了更严格的要求
之前的命令被修订为 webpack a.js -Coutput-filename bundle.js ,执行这句命令发现打包成功。 截图如下所示:
关于webpack打包错误的原因及解决方法就介绍到这了,其实解决方法还是比较简单的,希望本文能帮助到大家,想要了解更多webpack打包的知识,请关注群英网络其它相关文章。
文本转载自脚本之家
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:mmqy2019@163.com进行举报,并提供相关证据,查实之后,将立刻删除涉嫌侵权内容。
长按识别二维码并关注微信
更方便到期提醒、手机管理