webpack2.0配置postcss-loader的方法


Posted in Javascript onAugust 17, 2017

本文介绍使用webpack2.0配置postcssloader,分享给大家。具体如下:

安装postcss-loader

npm install --save-dev postcss-loader

然后配置webpack.config.js

{
 test:/\.css$/,
 use:[
  'style-loader','css-loader?importLoaders=1','postcss-loader' 
 ] 
}

一种办法是配置postcss.config.js

module.exports = {
  plugins: [
    require('autoprefixer')({ /* ...options */ })
  ]
}

第二张办法是webpack.config.js使用LoaderOptionsPlugin

module.exports = {
  plugins: [
    new webpack.LoaderOptionsPlugin({
      options: {
        postcss: function(){
          return [
            require("autoprefixer")({
              browsers: ['ie>=8','>1% in CN']
            })
          ]
        }
      }
    })
  ]
}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
关于javascript document.createDocumentFragment()
Apr 04 Javascript
仅用[]()+!等符号就足以实现几乎任意Javascript代码
Mar 01 Javascript
javascript动画对象支持加速、减速、缓入、缓出的实现代码
Sep 30 Javascript
javascript结合html5 canvas实现(可调画笔颜色/粗细/橡皮)的涂鸦板
Apr 27 Javascript
jquery获取tr并更改tr内容示例代码
Feb 13 Javascript
jQuery实现的进度条效果
Jul 15 Javascript
Es6 写的文件import 起来解决方案详解
Dec 13 Javascript
React Native之TextInput组件解析示例
Aug 22 Javascript
js 公式编辑器 - 自定义匹配规则 - 带提示下拉框 - 动态获取光标像素坐标
Jan 04 Javascript
vue计算属性和监听器实例解析
May 10 Javascript
angular 实现同步验证器跨字段验证的方法
Apr 11 Javascript
Vue 实现从文件中获取文本信息的方法详解
Oct 16 Javascript
微信小程序 获取javascript 里的数据
Aug 17 #Javascript
JavaScript全屏和退出全屏事件总结(附代码)
Aug 17 #Javascript
JavaScript代码判断输入的字符串是否含有特殊字符和表情代码实例
Aug 17 #Javascript
微信小程序获取循环元素id以及wx.login登录操作
Aug 17 #Javascript
微信小程序 获取session_key和openid的实例
Aug 17 #Javascript
JavaScript输入分钟、秒倒计时技巧总结(附代码)
Aug 17 #Javascript
BootStrap 页签切换失效的解决方法
Aug 17 #Javascript
You might like
php实现当前页面点击下载文件的简单方法
2016/09/22 PHP
如何在Laravel5.8中正确地应用Repository设计模式
2019/11/26 PHP
jQuery 源码分析笔记(4) Ready函数
2011/06/02 Javascript
浅析jQuery1.8的几个小变化
2013/12/10 Javascript
基于JS实现省市联动效果代码分享
2016/06/06 Javascript
JavaScript中 ES6 generator数据类型详解
2016/08/11 Javascript
vue.js实现仿原生ios时间选择组件实例代码
2016/12/21 Javascript
JavaScript获取tr td 的三种方式全面总结(推荐)
2017/08/15 Javascript
关于Ajax的原理以及代码封装详解
2017/09/08 Javascript
jQuery实现鼠标响应式淘宝动画效果示例
2018/02/13 jQuery
js作用域和作用域链及预解析
2019/04/11 Javascript
jQuery实现中奖播报功能(让文本滚动起来) 简单设置数值即可
2020/03/20 jQuery
关于IDEA中的.VUE文件报错 Export declarations are not supported by current JavaScript version
2020/10/17 Javascript
[03:27]《辉夜杯》线下训练营 导师CU和海涛指点迷津
2015/10/23 DOTA
python计算最大优先级队列实例
2013/12/18 Python
python批量生成本地ip地址的方法
2015/03/23 Python
python实现将元祖转换成数组的方法
2015/05/04 Python
在Python中使用成员运算符的示例
2015/05/13 Python
tensorflow更改变量的值实例
2018/07/30 Python
详解pandas数据合并与重塑(pd.concat篇)
2019/07/09 Python
Django基础三之视图函数的使用方法
2019/07/18 Python
Python定时任务APScheduler的实例实例详解
2019/07/22 Python
python BlockingScheduler定时任务及其他方式的实现
2019/09/19 Python
python3-flask-3将信息写入日志的实操方法
2019/11/12 Python
Pycharm最新激活码2019(推荐)
2019/12/31 Python
Python面向对象魔法方法和单例模块代码实例
2020/03/25 Python
python 爬虫基本使用——统计杭电oj题目正确率并排序
2020/10/26 Python
毕业证丢失证明
2014/01/15 职场文书
广告设计应届生求职信
2014/03/01 职场文书
环保标语口号
2014/06/13 职场文书
给老婆道歉的话
2015/01/20 职场文书
医学生自荐信范文
2015/03/05 职场文书
幼儿园教师岗位职责
2015/04/02 职场文书
幼儿园音乐教学反思
2016/02/18 职场文书
改造DE1103三步曲
2022/04/07 无线电
java中为什么说子类的构造方法默认访问的是父类的无参构造方法
2022/04/13 Java/Android