通过external加载外部CDN资源使打包的项目体积更小

通过external加载外部CDN资源使打包的项目体积更小

在vue.config.js文件中加入以下代码(vue.config.js项目的根目录下)

configureWebpack: {

  externals: {

   vue: 'Vue', //分别对应自己项目的main.js文件中引入的文件名

   axios: 'axios',

   'vue-router': 'VueRouter'

  }

 }

在public目录下的index.html文件中引入对应的js和css

<script src="https://staticfile.org/vue/2.6.11/vue.min.js"></script>
<script src="https://staticfile.org/3.1.6/vue-router.min.js"></script>
<script src="https://staticfile.org/axios/0.19.2/axios.min.js"></script>
发布了32 篇原创文章 · 获赞 1 · 访问量 1万+

猜你喜欢

转载自blog.csdn.net/rating_/article/details/104636250