webpack 生产模式打包

Author Avatar
yyq 2020-04-20 11:58:25
  • 二维码

    

    操作了一波npm run dev,编译资源完成,然而app.js有2M多,打开页面加载要十五秒左右,无语了!

    好吧,这个命令主要是用于开发模式下的打包,正式的生产环境会有多大呢,准备测试一下。看下生产模式命令对应的语句:

    "production": "node node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",

跟dev执行的一样一样的,肯定不是咯,一阵折腾,找到了正确的语句如下:

    "production": "NODE_ENV=production node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"


    对于NODE_ENV=production,如果报错可以尝试执行export NODE_ENV=production 生成临时环境变量,自行测试一下。之后运行编译命令: npm run production,我这边第一次执行时在编译到91%时提示killed,百度了下,说是跟内存啥有关,确实咱的入门配置内存才1个G的,至于具体原因不详,未做任何改变操作再次执行了一次该命令,额。。。。编译过了,生成的app.js大小压缩至了800K左右,好吧,已经可以了!!!


上一篇 返回列表 下一篇

发表评论

Tips:评论内容请文明用语