在webpack中，我们可以很方便的使用autoprefixer来为css3属性添加不同的浏览器前缀。 首先，需要安装autoprefixer不用多说了，其次是安装postcss-loader(npm install --save-dev postcss-loader) 接下来在webpack.co ...
分类：
Web程序 时间：
2018-06-14 18:24:05
阅读次数：
165
1:???? 首先安装依赖 npm install --save-dev webpack style-loader css-loader postcss-loader sass-loader autoprefixer 2:然后配置webpack module: { rules: [ { test: ...
分类：
Web程序 时间：
2018-06-14 18:21:08
阅读次数：
342
webpack的css压缩不兼容IOS8问题探索，cssnano和postcss共同集成autoprefixer的冲突问题 ...
分类：
移动开发 时间：
2018-05-10 21:41:35
阅读次数：
490
众所周知为兼容所有浏览器，有的CSS属性需要对不同的浏览器加上前缀，然而有时添加一条属性，需要添加3~4条类似的属性只是为了满足浏览器的兼容，这不仅会增加许多的工作量。 What is AutoPrefixer Autoprefixer是一个后处理程序，你可以同Sass，Stylus或LESS等预处 ...
分类：
Web程序 时间：
2018-03-14 17:02:06
阅读次数：
1755
最近在学习一份来自git的动画框架源码，看懂70%的核心代码后，打算自己动手实践一版，然鹅，所有框架搭起来以后，在动画这块却出了问题： 想设计一个slideInLeft的动画，必然想到了要从偏移-10%的位置，移动到0的位置，于是，乐呵呵的写上一笔代码： @keyframes fadeInLeft{ ...
分类：
Web程序 时间：
2018-03-13 15:36:53
阅读次数：
4313
1.在webpack中需要处理css必须先安装如下两个loader 2.要处理sass和添加浏览器前缀需要下载如下插件和loader 3.webpack中配置如下所示 这是官网提供的例子完全可以使用，没必须要在单独建立一个配置文件 点击进入官网地址 4.打包后效果如下 以后再也不用考虑浏览器兼容问题 ...
分类：
Web程序 时间：
2018-03-11 12:07:57
阅读次数：
531
var gulp = require('gulp'); //工具 var autoprefixer = require('gulp-autoprefixer'); var include = require('gulp-file-include'); var gulpSequence = requi ...
分类：
Web程序 时间：
2018-02-26 18:18:17
阅读次数：
224
一、安装babel相关 1，安装依赖 2，新建.babelrc 3，相关webpack.conf.js 片段 二、安装静态资源全家桶（img/svg、字体图标、css/scss/style/postcss/autoprefixer） 1，安装依赖 2，相关webpack.conf.js 片段 ...
分类：
Web程序 时间：
2018-02-10 15:02:48
阅读次数：
217
module.exports = { parser: false, sourceMap: false, plugins: { 'autoprefixer': {}, 'cssnano': {} } } ...
分类：
Web程序 时间：
2018-02-08 15:31:12
阅读次数：
271
想要webpack帮忙自动加上“-webkit-”之类的css前缀，我们需要用到postcss-loader和它的插件autoprefixer 1.安装 2.加loader 其实就是css-loader前面插一个postcss-loader 而参数importLoaders=1是为了预防css文件里 ...
分类：
Web程序 时间：
2018-01-22 19:14:42
阅读次数：
277
