您现在的位置是：网站首页> 编程资料编程资料
vue项目使用cdn加速减少webpack打包体积_vue.js_
2023-05-24
714人已围观
简介 vue项目使用cdn加速减少webpack打包体积_vue.js_
1.引入cdn资源
注：1.该文件为项目入口html文件，通常处于项目public目录下或者项目根目录下，使用了vant和elementUi,2.所以还应该引入相对应得css资源包3.cdn加速地址可以在官网中找到
代码展示
2.在webpack基础配置文件中加入externals配置，打包、编译时去除cdn加速的模块，可以大大压缩打包后的压缩包体积
externals: { vue: 'Vue', 'vue-router': 'VueRouter', "element-ui": "ElementUI", 'vant':"Vant", axios: 'axios', vuex: 'Vuex', }, 代码展示
3.去除main.js中对以上模块的引用，注册
总结
到此这篇关于vue项目使用cdn加速减少webpack打包体积的文章就介绍到这了,更多相关vue使用cdn加速内容请搜索以前的文章或继续浏览下面的相关文章希望大家以后多多支持！
相关内容
- electron vue 模仿qq登录界面功能实现_vue.js_
- vue网站优化实战之秒开网页_vue.js_
- Vue装饰器中的vue-property-decorator 和 vux-class使用详解_vue.js_
- 自定义range sliders滑块实现元素拖动方法_JavaScript_
- Vue实现自定义字段导出EXCEL的示例代码_vue.js_
- vue使用csp的简单示例_vue.js_
- vue移动端项目渲染pdf步骤及问题小结_vue.js_
- Vue 组件渲染详情_javascript技巧_
- Vue组件的继承用法示例详解_vue.js_
- 一文彻底理解JavaScript原型与原型链_javascript技巧_
