码迷,mamicode.com
首页 > Web开发 > 详细

webpack配置提取公共代码

时间:2018-10-31 14:01:48      阅读:184      评论:0      收藏:0      [点我收藏+]

标签:hunk   bsp   page   web   ini   pre   pack   col   try   

公共代码提取功能是针对多入口文件的;

  背景:在pageA.js和pageB.js中分别引用subPageA.js和subPageB.js

  webpack.config.js文件:

 1 var path = require(‘path‘)
 2 module.exports = {
 3     entry:{
 4         pageA:‘./src/pageA.js‘,
 5         pageB:‘./src/pageB.js‘
 6     },
 7     output: {
 8         filename: "[name].js",
 9         path:path.resolve(__dirname,‘./dist‘)
10     },
11     optimization: {
12         splitChunks:{
13             cacheGroups: {
14                 vender:{
15                     test:/node_modules/,
16                     chunks:‘initial‘,
17                     name:‘vender‘,
18                     priority:10
19                 },
20                 utils:{
21                     chunks:‘initial‘,
22                     name:‘utils‘,
23                     minSize:0
24                 }
25             }
26         }
27     }
28 }

 

webpack配置提取公共代码

标签:hunk   bsp   page   web   ini   pre   pack   col   try   

原文地址:https://www.cnblogs.com/yangguoe/p/9882266.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!