如何在vue-cli基础上实现减小文件体积的优化策略?
- 内容介绍
- 文章标签
- 相关推荐
本文共计364个文字,预计阅读时间需要2分钟。
通过npm安装vue-cli,并完成以下集成:- vue-router- vuex- vue-lazyload- better-scroll- axios- 允许同一网络手机访问- 读取本机IP地址- HTTP拦截器
使用w命令:
1. 通过npm 安装 vue-cli 已经集成完毕 gitee.com/ligeyihayou/Vue-Cli-zyn.git (vue-router, vuex, vue-lazyload, better-scroll, axios, 允许同一网络手机访问, 读取本机IP地址, webpack.github.io/docs/library-and-externals.html 1.1 修改build下,webpack.base.conf.js // 配置常用的库文件,不会由webpack处理,但是会带来额外的cdm的http请求数量增加,做好权衡 module.exports = { externals: { 'vue': 'Vue', 'vuex': 'Vuex', 'vue-router': 'VueRouter' } } 1.2 修改index.html 文件 说明:将外部的不被webpack管理的文件,使用cdn的文件已script的方式引入 eg:
本文共计364个文字,预计阅读时间需要2分钟。
通过npm安装vue-cli,并完成以下集成:- vue-router- vuex- vue-lazyload- better-scroll- axios- 允许同一网络手机访问- 读取本机IP地址- HTTP拦截器
使用w命令:
1. 通过npm 安装 vue-cli 已经集成完毕 gitee.com/ligeyihayou/Vue-Cli-zyn.git (vue-router, vuex, vue-lazyload, better-scroll, axios, 允许同一网络手机访问, 读取本机IP地址, webpack.github.io/docs/library-and-externals.html 1.1 修改build下,webpack.base.conf.js // 配置常用的库文件,不会由webpack处理,但是会带来额外的cdm的http请求数量增加,做好权衡 module.exports = { externals: { 'vue': 'Vue', 'vuex': 'Vuex', 'vue-router': 'VueRouter' } } 1.2 修改index.html 文件 说明:将外部的不被webpack管理的文件,使用cdn的文件已script的方式引入 eg:

