webpack文件打包错误异常

2022-04-15 0 348

在进行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…..

截图如下:

webpack文件打包错误异常

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

之前的命令被修订为 webpack a.js –output-filename bundle.js ,执行这句命令发现打包成功。 截图如下所示:

webpack文件打包错误异常

到此这篇关于webpack文件打包错误异常的文章就介绍到这了,更多相关webpack打包错误内容请搜索NICE源码以前的文章或继续浏览下面的相关文章希望大家以后多多支持NICE源码!

免责声明:
1、本网站所有发布的源码、软件和资料均为收集各大资源网站整理而来;仅限用于学习和研究目的,您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。 不得使用于非法商业用途,不得违反国家法律。否则后果自负!

2、本站信息来自网络,版权争议与本站无关。一切关于该资源商业行为与www.niceym.com无关。
如果您喜欢该程序,请支持正版源码、软件,购买注册,得到更好的正版服务。
如有侵犯你版权的,请邮件与我们联系处理(邮箱:skknet@qq.com),本站将立即改正。

NICE源码网 JavaScript webpack文件打包错误异常 https://www.niceym.com/30111.html