玉溪市网站建设,wordpress域名绑定费用,中小学网站建设论文,python报修网站开发源码项目背景#xff1a;一个项目里有两个分辨率的设计稿(1920和2400)#xff0c;不能拆开来打包 参考#xff1a; 是参考vant插件#xff1a;移动端Vant组件库rem适配下大小异常的解决方案#xff1a;https://github.com/youzan/vant/issues/1181 说明#xff1a; 因为vue.c… 项目背景一个项目里有两个分辨率的设计稿(1920和2400)不能拆开来打包 参考 是参考vant插件移动端Vant组件库rem适配下大小异常的解决方案https://github.com/youzan/vant/issues/1181 说明 因为vue.config.js文件无法获取window对象所以任何外部参数都加不进来甚至无法打印console.log(),领导强制只能打包一次不能拆分项目甚至不能分开打包。 所以想到通过判断文件夹名称的方式因为不同项目肯定有分开的文件夹包着特殊的分辨率按照他路径名称判断有没有这个文件夹名称就行了 代码
module.exports ({ file }) {// 适配根据文件名称digital-pasture文件下的和他的视频监控全部240if (file (file.indexOf(digital-pasture) -1 || file.indexOf(surveillanceVideo) -1)) {rootValue 240} else {rootValue 192}return {plugins: {autoprefixer: {},postcss-pxtorem: {rootValue: rootValue,// 设计稿宽度或者目前正常分辨率的1/10// rootValue: 240,// 设计稿宽度或者目前正常分辨率的1/10selectorBlackList: [.ivu],// 要忽略的选择器并保留为px。minPixelValue: 2,// 设置要替换的最小像素值。propList: [*]// 需要做转化处理的属性如hight、width、margin等*表示全部}}}
} 效果图 总之1920和2400下的设计稿都可以正常适配了
