资源收集

打包时用于引入CND的方案
webpack-cdn-plugin

build时使用CDN遇到的问题1 - config.plugin

https://github.com/staven630/vue-cli3-config

1
2
3
4
5
config.plugin('html').tap(args => {
args[0].cdn = cdn
return args
})
// 报错: args[0] 没有定义

由于使用vue pages配置,按照以上方式使用CDN时,build出错

vue inspect –plugins // 使用该命令查看 plugin list

1
2
3
4
config.plugin('html-admin').tap(args => {
args[0].cdn = cdn
return args
})

使用以上代码替换即可解决,参考链接:click me

vue-cli3 分割第三方依赖包

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
const callConfigureWebpack = config => {
config.optimization = {
splitChunks: {
cacheGroups: {
// async单独打一个包
async: {
name: 'async',
test: /[\\/]node_modules[\\/]async[\\/]/,
chunks: 'all',
priority: 1,
reuseExistingChunk: true,
enforce: true
}
}
}
}
return config
}

module.exports = {
callConfigureWebpack: callConfigureWebpack
}

参考资料:点我
https://github.com/staven630/vue-cli3-config