1,配置config.js
module.exports = {
chainWebpack (config) {
// 生产环境使用cdn资源
config.when(process.env.NODE_ENV === 'prod', config => {
{
// 设置哪些资源不需要被打包,改为从外部获取资源,也就是获取cdn资源
config.set('externals', {
vue: 'Vue',
'vue-router': 'VueRouter',
axios: 'axios',
moment: 'moment',
'element-ui': 'ELEMENT'
})
// 给index.html传参,利用的是webpack-html-plugin插件
config.plugin('html').tap(args => {
args[0].useCdn = true
return args
})
}
})
}
};
2,配置index.html
<!DOCTYPE html>
<html lang="">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta n