1. 安装并配置PostCss插件 npm i postcss-aspect-ratio-mini postcss-px-to-viewport postcss-write-svg postcss-cssnext postcss-viewport-units cssnano --S 还需要安装 cs ...
分类：
移动开发 时间：
2020-06-01 01:04:14
阅读次数：
108
1、No PostCSS Config found in: 根目录下放置图中文件： 2、Module not found: Error: Can't resolve 'sass-loader' npm install sass-loader -D npm install node-sass -D 3 ...
分类：
其他好文 时间：
2020-05-30 10:50:49
阅读次数：
70
首先还是进行安装: npm install postcss-px-to-viewport --save-dev 安装完成之后.我们需要去更改一个js文件 > postcss.config.js文件 如果没有该文件,就自己手动创建一个吧,跟创建vue.config.js一样的 在这个文件中: 如图: ...
分类：
Web程序 时间：
2020-05-22 17:31:57
阅读次数：
104
在 Web 应用开发中，CSS 代码的编写是重要的一部分。CSS 规范从最初的 CSS1 到现在的 CSS3，再到 CSS 规范的下一步版本，规范本身一直在不断的发展演化之中。这给开发人员带来了效率上的提高。不过与其他 Web 领域的规范相似的处境是，CSS 规范在浏览器兼容性方面一直存在各种各样的 ...
分类：
Web程序 时间：
2020-05-21 23:46:13
阅读次数：
70
1.下载lib-flexible，并在main.js中引用 npm i lib-flexible --save 2.安装自适应插件 npm i postcss-pxtorem --save 或 npm i postcss-px-to-viewport --save 3.修改vue.config.js ...
分类：
移动开发 时间：
2020-04-28 13:08:53
阅读次数：
148
Vue CLI3 移动端适配 【px2rem 或 postcss-plugin-px2rem】 今天，我们使用Vue CLI3 做一个移动端适配 。 前言 首先确定你的项目是Vue CLI3版本以上的。 一、移动端适配包 1、安装移动端适配包 npm i lib-flexible -S 2、在mai ...
分类：
移动开发 时间：
2020-04-27 13:05:15
阅读次数：
73
vue-cli创建完项目之后安装amfe-flexible和postcss-pxtorem npm i amfe-flexible -S npm i postcss-pxtorem -D amfe-flexible来根据屏幕动态改变根元素font-size，postcss-pxtorem把代码中px ...
分类：
移动开发 时间：
2020-04-19 22:12:06
阅读次数：
756
postcss pxtorem是一款将px转换成rem格式的方式，本质上是以html标签的fontsize值为基准，动态改变元素的各种计量单位 1. 安装 2. 导入 3. 配置 网上看到在安装后vue项目根目录下会自动生成一个postcss.config.js的配置文件， 但是笔者在安装导入pos ...
分类：
Web程序 时间：
2020-04-19 11:05:11
阅读次数：
152
基于 vue cli3 创建一个移动端项目 安装 postcss 相关插件 由于 vue cli 已经内置了 postcss，只需要安装相关插件，就可以实现 自适应布局。 下面简单的说一下这几个插件的作用。 用来把px单位转换为vw、vh、vmin或者vmax这样的视窗单位，也是vw适配方案的核心插 ...
分类：
移动开发 时间：
2020-04-06 11:35:30
阅读次数：
131
个人问题仅供参考： 使用npm run dev 运行，出现如下错误 ： Failed to compile. ./src/styles/index.scss (./node_modules/css-loader??ref--11-1!./node_modules/postcss-loader/lib ...
分类：
其他好文 时间：
2020-03-31 12:15:14
阅读次数：
348
