- 博客(4)
- 收藏
- 关注
原创 vuecli2.x版本构建的项目如何配置环境变量
vuecli2.x构建的项目目录和vuecli3.x/4.x是不同的在vuecli2.x版本构建的项目根目录中有build和config文件夹如下:我们接下来只讲vuecli2.x是如何配置环境变量的一般会划分哪些环境呢?开发环境development,测试环境test,正式环境production为什么要划分?开发的时候我们访问接口地址都是访问他们的ip地址;开发完了项目打包到放到测试服务器,你的接口地址要变成测试地址;上线了接口地址又要改成正式地址;总不能每次手动切换把,而且不仅仅是接口地
2021-11-17 16:49:50 1114 1
原创 我在vue项目开发中,vue.config.js中使用的配置
关于vue.config.js的一些配置和一些打包性能优化安装了一些插件如下:npm i compression-webpack-plugin -Dnpm i terser-webpack-plugin -Dnpm i vue-cli-plugin-webpack-bundle-analyzer -D优化方案:去除项目的所有的console.log和采用gzip压缩,依赖的cdn引入const TerserPlugin = require('terser-webpack-plugin')
2020-08-25 17:25:43 3965
原创 vue+vant开发之移动端rem适配屏幕方案
vue+vant开发移动端网页适配(rem)简单介绍一下rem和px的换算关系:1rem=html的font-size。在项目中,我采用postcss-pxtorem+amfe-flexible,vant的单位也是px。安装:npm i amfe-flexiblenpm i postcss-pxtorem -Damfe-flexible作用其实这个插件就是一个js脚本,它会监听项目运行环境的屏幕尺寸,然后给html设置一个font-size。比如:375px的尺寸,它会帮我们给html设置
2020-08-25 11:36:08 2186
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人