标签:src multi bundle js webpack 模式 main 打包
当输入命令:webpack .\src\main.js .\dist\bundle.js报错如下:
来自本地
这是为什么呢?原因是我的webpack版本过高,原来的命令已经不适用了如下查询版本号:
来自本地
那应该如何解决?更换打包命令为: webpack ./src/main.js -o ./dist/bundle.js其中 bundle.js是打包后生成的文件的文件名
来自本地
可以看到main.js已经被打包为了bundle.js文件,但是,这个并没有打包成功! 因为打包的时候没有出现红色的error了,但是还有黄色的警告,如下图.
来自本地
黄色警告:是因为webpack4引入了模式,有开发模式,生产模式,无这三个状态可以看到末尾并没有生成我们所打包的main.js的信息黄色部分的警告的意思是,没有设置模式,有开发模式和生产模式两种,接下来,找到package.json.添加上”dev”和”build”这两个信息以及他们的值: “scripts”: { “test”: “echo \”Error: no test specified\” && exit 1”, “dev”:“webpack --mode development”, “bulid”:“webapck --mode production” },再全局安装 webpack-cli:npm i --save-dev webpack-cli -g
链接:https://www.jianshu.com/p/a55fb5bf75e1
标签:src,multi,bundle,js,webpack,模式,main,打包 来源: https://blog.csdn.net/weixin_45225340/article/details/102750550
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。