- 安装依赖
npm install import-assets-from-cdn -D
yarn add import-assets-from-cdn -D
- vue.config.js配置使用
const importAssetsFromCdn = require('import-assets-from-cdn')
const cdn = { // 将会注入index.html js 顺序不可乱 注意版本
css: [ // 固定CDN引入
'https://xxx.cdn.com/static/css/element-ui.css',
],
js: [ // 仅打包模式(process.env.NODE_ENV === 'production')CDN引入,本地照常
'https://xxx.cdn.com/static/js/vue.min.js',
'https://xxx.cdn.com/static/js/vue-router.min.js',
'https://xxx.cdn.com/static/js/vuex.min.js',
'https://xxx.cdn.com/static/js/axios.min.js',
'https://xxx.cdn.com/static/js/moment.min.js',
'https://xxx.cdn.com/static/js/moment-zh-cn.js',
'https://xxx.cdn.com/static/js/lodash.min.js',
'https://xxx.cdn.com/static/js/element-ui.js',
'https://xxx.cdn.com/static/js/echarts.min.js',
]
}
chainWebpack: config => {
config
.plugin('importAssetsFromCdn')
.use(importAssetsFromCdn, [cdn])
}
或者
const importAssetsFromCdn = require('import-assets-from-cdn')
{
// ... config settings here ...
plugins: [
new importAssetsFromCdn(cdn))
]
};
- 使用效果