通过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>