原来是由于版本太低的缘故:postcss-px-to-viewport 0.0.3版本不支持 exclude属性。更新到 1.1.0配置: // 路径中包含 PC ,则忽略 px转换为vw,vh,vmax,vmin exclude: /(\/|\\)(PC)(\/|\\)/, ...
分类:
Web程序 时间:
2019-05-20 17:24:55
阅读次数:
1144
在讲怎么安装FIS3之前我们先来了解一下FIS3 FIS3 是什么? FIS3 是面向前端的工程构建工具。解决前端工程中性能优化、资源加载(异步、同步、按需、预加载、依赖管理、合并、内嵌)、模块化开发、自动化工具、开发规范、代码部署等问题。 好了,了解完了,我们进入正题(假装懂了) 一、Nodejs ...
npm install报错 Module build failed: Error: No PostCSS Config found 解决办法是同级package.json文件新建postcss.config.js 然后写入module.exports = {}; 然后rm rf node_modul ...
分类:
Web程序 时间:
2019-05-13 13:58:10
阅读次数:
795
问题分析: 一般第三方ui框架用的都是不同的适配方式,如果我们使用了vw适配,那么在使用mint ui框架时,就会发现px单位会被转换成vw,从而导致样式变小的问题,如图 解决方案 网上看到了很多种解决方案,这里推荐第四种 1、重写第三方组件ui样式大小 2、在postcss.config.js中的 ...
分类:
其他好文 时间:
2019-05-01 16:06:40
阅读次数:
402
解决办法:在根目录新建postcss.config.js 然后再次启动项目即可解决 ...
分类:
移动开发 时间:
2019-04-28 12:48:39
阅读次数:
202
依赖包: postcss-pxtorem 配置: 在项目根目录下创建 postcss.config.js 配置如下: rootValue (Number)根元素字体大小。 unitPrecision (数字)允许REM单位增长的十进制数。 propList (数组)可以从px更改为rem的属性。 值 ...
分类:
Web程序 时间:
2019-04-24 16:15:25
阅读次数:
1647
在搭建完之后 =》 搭建教程 https://www.cnblogs.com/safeold/p/10581295.html 2019年3月28日 , 今天搜react + antd mobile 高清方案, 结果搜出来的全是修改 webpack.config.dev.js文件的 然鹅新版的cra( ...
分类:
Web程序 时间:
2019-03-29 01:02:01
阅读次数:
391
前端构建工具经历了很多了,npm scripts grunt gulp Fis3 webpack rollup.js , 但是所有构建工具都是为了解决我们实际项目中的静态资源打包的问题,各有优缺点。今天我们主要是介绍webpack的使用方式。 什么是webpack 本质上,webpack 是一个现代 ...
分类:
Web程序 时间:
2019-02-10 14:58:47
阅读次数:
221
把SVG用双引号包起来 我把 "data:image/svg+xml;charset=utf-8,\"<svg. viewBox .......></svg>\" 用双引号包起来也不行, 然后把 <svg> </svg> 用双引号包起来就行了 注意用反斜杠转义双引号 ...
分类:
Web程序 时间:
2019-01-30 23:11:16
阅读次数:
344
1. 安装依赖包 npm install postcss-pxtorem --save-dev 2. 在vue-cli3.0中。去掉了build和config文件夹。所有的配置都放到了vue.config.js中。 可能遇到的坑: 插件会转化所有的样式的px。比如引入了三方UI,也会被转化。可以使用 ...
分类:
Web程序 时间:
2019-01-29 12:03:16
阅读次数:
1445