想要webpack帮忙自动加上“-webkit-”之类的css前缀，我们需要用到postcss-loader和它的插件autoprefixer 1.安装 2.加loader 其实就是css-loader前面插一个postcss-loader 而参数 ...

为了浏览器的兼容性，有时候我们必须加入-webkit,-ms,-o,-moz这些前缀。目的就是让我们写的页面在每个浏览器中都可以顺利运行。 1.安装 2.在当前webpack.base.conf.js目录新建一个postcss.config.js文件 　　这就 ...

今天闲来无聊，重新来说说CSS3前缀的问题。在春节前和@一丝姐姐说起Sass中有关于gradient的mixins。姐姐说： 为什么还要用mixin呢？为什么不使用Autoprefixer？使用Autoprefixer，只需要输入一行代码，编译器帮你做了一切，还纠结个毛mixin ...

css3书写的时候，有时需要加上前缀，比如“-webkit-*、-moz-*”等等，但可能会写的不完整或者是写错，也很麻烦，那么autoprefixer可以处理这些。 autoprefixer是一个后处理程序，不象Sass以及Stylus之类的预处理器。它适用于普通的CSS，可以实现css3代码 ...

使用PurifyCSS可以大大减少CSS冗余 1.安装 2.引入glob，因为我们需要同步检查html模板，所以我们需要引入node的glob对象使用。在webpack.config.js文件头部引入glob。引入purifycss-webpack 3.配置 ...

什么是属性前缀? 为了浏览器的兼容性，有时候我们必须加入-webkit,-ms,-o,-moz这些前缀。目的就是让我们写的页面在每个浏览器中都可以顺利运行。例如： transition: width 2s; -moz-transition: width 2s; /* Firefox ...

1.首先在网上随便找一张图片，在src下新建images文件夹，将图片放在文件夹内 2.在index.html中写入代码：<div id="pic"></div>来放置图片 3.设置图片的css 4.编写完成后，进行打包，这时候会报错，先不要慌，这是 ...

1.要使用less，首先使用npm安装less服务 还需要安装Less-loader用来打包使用。 2.在module中配置 3.在html中编写一个div，在css中新建一个less文件 4.引入到entry.js ...