vue-cli 2.x 下element-ui cdn引入配置

427 阅读1分钟

1.首先找到需要在package.json下找到对应插件版本号

2.找到插件对应版本的cdn地址在index.html引入

3.配置build文件下的webpack.base.conf.js

如下
module.exports = {
  //上面不用管
  externals: {
    'vue': 'Vue',
    'axios': 'axios',
    'element-ui':'ElementUI'
  }
}

4.删掉或注释main.js中插件的import引入

//import ElementUI from 'element-ui';
...
//import 'element-ui/lib/theme-chalk/index.css';
...
//Vue.use(ElementUI);
...

package.json里的插件依赖也可以去掉了

5.重启或打包生效(体积减少明显)