south plus soul /index.php 南+入口检测

south plus soul /index.php 南+入口检测

名片进入公众号【娱乐857】

即可获取完整版资料

2018-12-24-----2021-02-18

69.171.227.37

PING https://1024td.com  @email.gmail.com.e9p.work

PING https://1024td.com  @email.gmail.com.e9p.work

optimization: {
    splitChunks: {
        ...
        
        // 项目基础包
        'vendor': {
            test: /node_modules\/vue/,
            name: 'vendor',
            chunks: 'all',
            enforce: true,
            priority: 2
        },
        // 单页面需要引入vue-router, vuex，这里单独分割出来
        'spa-vendor': {
            test: /node_modules\/vue-router/g,
            name: 'spa-vendor',
            chunks: 'all',
            enforce: true, 
            priority: 10
        },
          
        ...
    }
},
复制代码好了，到这里，我们已经把项目一些比较大的，不常变更的包独立分割出来并且做到持久缓存了，那剩余的大小不那么大的包我们就可以让webpack根据大小和引用率去自动打包了，这里我们加一个commons包的配置
optimization: {
    splitChunks: {
        ...
        
        // 项目基础包
        'vendor': {
            test: /node_modules\/vue/,
            name: 'vendor',
            chunks: 'all',
            enforce: true,
            priority: 2
        },
        // 单页面需要引入vue-router, vuex，这里单独分割出来
        'spa-vendor': {
            test: /node_modules\/vue-router/g,
            name: 'spa-vendor',
            chunks: 'all',
            enforce: true, 
            priority: 10
        },
        // 剩余chunk自动分割
        'commons': {
            name: 'commons',
            minChunks: 5, // 引用次数大于5则打包进commons
            minSize: 3000, // chunk大小大于这个值才允许打包进commons
            chunks: 'all',
            enforce: true,
            priority: 1
        }
        ...
    }
},

链接：https://1024td.com/p?1209

来源：资源库之家

著作权归作者所有。非商业转载注明出处。