### 通过CDN方式引入 ***** 在`public`目录下的`index.html`文件，引入如下第1步，在`vue.config.js`文件中，配置第2步，即可； 但是往往我们开发环境不这么处理，只希望生产环境通过CDN方式引入，则通过第3步和第4步，进行配置引入  **打包好的dist，（[http-server](https://www.npmjs.com/package/http-server)）启动**  **具体代码：** ``` <% if (process.env.NODE_ENV === 'production') { %>       <% for(var css of htmlWebpackPlugin.options.cdn.css) { %>         <link rel="stylesheet" href="<%=css%>" as="style">       <% } %>       <% for(var js of htmlWebpackPlugin.options.cdn.js) { %>         <script src="<%=js%>"></script>       <% } %> <% } %> ``` ``` chainWebpack(config){ if (process.env.NODE_ENV === 'production') {       config.externals({         vue: 'Vue',         'vue-router': 'VueRouter',         axios: 'axios',         'element-ui': 'ELEMENT'       })       config.plugin('html').tap(args => {         args[0].cdn = {           js: [             'https://cdn.bootcss.com/vue/2.6.10/vue.min.js',             'https://cdn.bootcss.com/vue-router/3.0.2/vue-router.min.js',             'https://cdn.bootcss.com/axios/0.18.1/axios.min.js',             'https://cdn.bootcss.com/element-ui/2.13.2/index.js'           ],           css: [             'https://cdnjs.cloudflare.com/ajax/libs/element-ui/2.13.2/theme-chalk/index.css'           ]         }         return args       })     } // ... } ```