首页 > Web开发 > 详细

记webpack发布版本遇到的疑惑

时间:2019-03-05 16:20:53      阅读:160      评论:0      收藏:0      [点我收藏+]

webpack发布版本,

发现生成了二十几个[编号].build.js,一个build.js。每个文件都不大,最大的才16kb。

 

这与我理想的不符合,理想中,应该是只生成不超过10个吧。

 

不然要每个引入?

 

后来发现,原来只需要引入build.js即可,后面的js会按需引入其他编号的build.js.

 

另外一点是,因为在webpack.config.js中使用了

 
optimization = {
    splitChunks: {
      cacheGroups: {
        vendor: {
          chunks: "initial",
          test: path.resolve(process.cwd(), "node_modules"),
          name: "vendor",
          enforce: true
        },
      }
    }
  }

  

导致发布的时候,部分代码会缓存起来,导致生成的js代码不正常,系统无法使用。

 

所以,需要把这段配置在build的时候去掉。

根据执行环境进行配置是最佳的选择。

if (‘development‘ == process.env.NODE_ENV) {
  module.exports.mode = "development";
  module.exports.optimization = {
    splitChunks: {
      cacheGroups: {
        vendor: {
          chunks: "initial",
          test: path.resolve(process.cwd(), "node_modules"),
          name: "vendor",
          enforce: true
        },
      }
    }
  }
  console.info(‘当前版本为开发环境...‘);
}

  

记webpack发布版本遇到的疑惑

原文:https://www.cnblogs.com/saving/p/10477441.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!