CLI2-CDN优化

CLI2-CDN优化

一、在webpack.base.conf.js里面添加你不想打包的包：

module.exports = {
    ...
    externals: {
    'moment': 'moment',
    vue: 'Vue',
    'element-ui': 'ELEMENT'
    }
    ...
}

二、在main.js中注释你不想打包的内容

// import ElementUI from 'element-ui'
// Vue.use(ElementUI)

注：Vue不要注释了，不然其他Vue.use就会报错了

三、在index.html里面加入需要引入的CDN

  <script src="https://cdn.bootcss.com/vue/2.5.17/vue.min.js"></script>
  <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
  <link rel="stylesheet" href="https://cdn.bootcss.com/element-ui/2.15.2/theme-chalk/index.css">
  <script src="https://unpkg.com/element-ui@2.15.2/lib/index.js"></script>  

注：CLI2好像是没有那种在webpack.base.config.js里配置，然后在index.html里循环输出的模式的

四、在package.json里删除之前引入的包，Vue也要删除

注：index里导入的包最好和package里的一致