### 通過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 ??????}) ????} // ... } ```