Vue项目中通过CDN引入文件并使用

2018-12-12 本文已影响0人刘圣凯

在项目中，一般使用npm拉取包使用，但是有时因为文件过大，加载慢等原因，需要CDN引入外部资源，以 axios 为例，在 index.html 文件中CDN引入

    <!-- CDN引入外部资源 -->
    <script src="https://cdn.bootcss.com/axios/0.18.0/axios.min.js"></script>

在 build 文件夹中的 webpack.base.conf.js 加入如下配置：

module.exports = {
    externals: {
      'axios': 'axios',
  },
}

在使用的地方 import 即可，参考 webpack 文档，地址：https://webpack.js.org/configuration/externals/