本篇文章介绍了如何在webpack中使用postcss的插件包precss。 ...
分类：
Web程序 时间：
2017-09-30 14:57:12
阅读次数：
359
1、安装插件 处理less： 处理sass： 2、项目目录： layer.less为： layer.js为： 3、webpack.config.js配置文件(以编译less为例) 注意：postcss-loader在css-loader后，在less-loader前。 4、执行编译&查看效果 ...
分类：
Web程序 时间：
2017-09-15 13:39:32
阅读次数：
281
安装各种loader { test: /\.css$/, loader: 'style-loader!css-loader?modules!postcss' }, //安装postcss-loader 和 autoprefixer（自动添加前缀的插件）：npm install --save-dev ...
分类：
Web程序 时间：
2017-09-12 01:29:22
阅读次数：
292
我们接着上文，那么在上篇文章的最后，写到了css-loader的用法，如果你用心发现，就能看到我在style.css样式文件中写了一个这样的样式： div { transition: all ease 1s; } 一、这是一个css3的过渡样式，我们知道，写css3的时候，需要加上浏览器前缀. 那么 ...
分类：
Web程序 时间：
2017-09-11 18:26:01
阅读次数：
290
大部分来自 https://github.com/yanhaijing/fis3-base 里的原生配置, 新增部分为舍弃了fis3的component 换为node_modules, 去掉了一些自己不怎么用的功能 package.json ...
分类：
Web程序 时间：
2017-08-26 15:57:52
阅读次数：
851
原文链接：A look into writing future CSS with PostCSS and cssnext 译者：nzbin 像 Twitter，Google，BBC 使用的一样，我打算对 CSS 后处理器 PostCSS 的世界一探究竟。 PostCSS是什么？ PostCSS 是使 ...
分类：
Web程序 时间：
2017-08-23 11:57:38
阅读次数：
216
一、现在还有很多浏览器不能直接使用es6语法。特别是手机端的一些低版本的浏览器。都需要用bale转换一下。 但是目前流行的框架中(vue,react,angular)。都有自己的脚手架，都能用webpack转换下。或者直接自己配置webpack ， fis3,nowa 等转换。 照样不是美滋滋。 二 ...
分类：
其他好文 时间：
2017-08-12 20:31:00
阅读次数：
225
项目 为了 兼容各个浏览器，需要加各种 c3前缀，如果手动的加肯定 相对比较麻烦，但是现在有webpack，gulp之类的 工具可以自动给我们加上，可以说效率上加速不少。如果 配置中 做个happypack打包缓存的话，配置的时候需要注意下，自己也踩了坑。 关键的一步就是： 如果是 开发环境 就 用 ...
分类：
Web程序 时间：
2017-08-08 12:22:57
阅读次数：
199
PostCSS工具 如果你不想从头开始手动设置您的项目，你可以下载本教程中提供的源码附件，提取Gulp或Grunt项目到一个空的文件夹中。 然后在命令终端运行：npm install。 安装插件 不管你是使用Gulp还是Grunt，在你项目的目录下运行下面的命令： 现在已经安装好插件了，下面我们继续 ...
分类：
Web程序 时间：
2017-07-06 15:12:29
阅读次数：
331
前端开发这个行业这几年发展速度太快，各种新技术不断更新，从es5到es6再到es7，从grunt，browserify到webpack，gulp，rollup，还有什么postcss，typescript，flow...，一直都在学习新技术，作为一个才工作不久的新人，感觉内心有点浮躁了，想巩固一下基 ...
分类：
其他好文 时间：
2017-07-03 22:41:01
阅读次数：
276
