想要webpack帮忙自动加上“-webkit-”之类的css前缀，我们需要用到postcss-loader和它的插件autoprefixer 1.安装 2.加loader 其实就是css-loader前面插一个postcss-loader 而参数importLoaders=1是为了预防css文件里 ...
分类：
Web程序 时间：
2018-01-22 19:14:42
阅读次数：
277
经过一番折腾重要搞定了。 首先需要安装postcss-plugin-px2rem。 npm install --save-dev postcss-plugin-px2rem 我的webpack工程中没有webpack.config.js,倒是有webpack.base.config.js文件。从这个... ...
分类：
Web程序 时间：
2017-12-25 00:47:07
阅读次数：
1146
更便捷的css处理方式 PostCSS 一般来说介绍一个东西都是要从是什么，怎么用的顺序来讲。我感觉这样很容易让大家失去兴趣，先看一下postcss能做点什么，有兴趣的话再往下看，否则可能没有耐心看下去。让我们开始吧 postcss能做什么 补全css属性浏览器前缀 手写的代码可以是这样的: pos ...
分类：
Web程序 时间：
2017-12-22 23:51:48
阅读次数：
565
默认已经装好了node, 没有装的话跳转 node官网 进行下载 首先安装fis3 npm install -g fis3 安装完成后执行 fis3 -v 判断是否安装成功，如果安装成功，则显示类似如下信息： ...
分类：
Web程序 时间：
2017-12-19 01:30:35
阅读次数：
684
4. 前端工程化开发实践 由于Nodejs 、npm的环境搭建往上很多，这里就不过多介绍它们了。 这里我们将更多介绍FIS3、RequireJS 、r.js。 4.1 模块化开发： 4.1.1 开发目录结构 左图为开发目录结构， 右图中新增js 目录、fis-conf.js文件，js 目录用来存放r ...
分类：
其他好文 时间：
2017-12-05 11:53:38
阅读次数：
150
postcss工具包是为了管理css文件： ...
分类：
Web程序 时间：
2017-11-28 15:32:33
阅读次数：
295
问题 这几天遇到一个小问题，windows下无法直接删除fis3的发布目录dist,因为在执行命令fis3 release -wL 时出现错误，导致dist内部嵌套的子目录太多(47层)； 直接删除会报错：【文件名或扩展名太长无法删除，要么就是目录层次过多】 解决方法 使用的是npm里面一个专门用于 ...
效果： 要点：在表格外加一层div，div宽固定 html： postcss： ...
分类：
其他好文 时间：
2017-11-11 16:46:23
阅读次数：
192
1. npm install postcss-cssnext -D npm install postcss-import -D npm install postcss-loader-D 2. 项目根目录下添加“.postcssrc.js”文件，内容如下： // https://github.com/ ...
分类：
Web程序 时间：
2017-10-16 14:56:49
阅读次数：
1189
http://www.ruanyifeng.com/blog/2017/05/css-variables.html http://mp.weixin.qq.com/s/sygT8UNvxlLc5xrDg0XfgA postcss是一个css编译工具，node、gulp、webpack下都有对应的插件 ...
分类：
Web程序 时间：
2017-10-11 21:06:47
阅读次数：
189
