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 相关文章推荐
js原生态函数中使用jQuery中的 $(this)无效的解决方法
May 25 Javascript
向左滚动文字 js代码效果
Aug 17 Javascript
ExtJS实现文件下载的方法实例
Nov 09 Javascript
探讨js中的双感叹号判断
Nov 11 Javascript
js实现点击左右按钮轮播图片效果实例
Jan 29 Javascript
javascript从定义到执行 你不知道的那些事
Jan 04 Javascript
常用Javascript函数与原型功能收藏(必看篇)
Oct 09 Javascript
详解用webpack2.0构建vue2.0超详细精简版
Apr 05 Javascript
websocket+node.js实现实时聊天系统问题咨询
May 17 Javascript
Vue的轮播图组件实现方法
Mar 03 Javascript
解决layui页面按钮点击无反应,也不报错的问题
Sep 29 Javascript
Vue v-bind动态绑定class实例方法
Jan 15 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 Session_Regenerate_ID函数双释放内存破坏漏洞
2011/01/27 PHP
关于PHP的相似度计算函数:levenshtein的使用介绍
2013/04/15 PHP
Codeigniter中mkdir创建目录遇到权限问题和解决方法
2014/07/25 PHP
PHP查询快递信息的方法
2015/03/07 PHP
简单了解将WordPress中的工具栏移到底部的小技巧
2015/12/31 PHP
javascript 打印页面代码
2009/03/24 Javascript
javascript中的float运算精度实例分析
2010/08/21 Javascript
基于JQuery实现的类似购物商城的购物车
2011/12/06 Javascript
js实现日历可获得指定日期周数及星期几示例分享(js获取星期几)
2014/03/14 Javascript
js 左右悬浮对联广告代码示例
2014/12/12 Javascript
浅谈js中的延迟执行和定时执行
2016/05/31 Javascript
通过原生JS实现为元素添加事件的方法
2016/11/23 Javascript
js实现自定义路由
2017/02/04 Javascript
Vue.js中用webpack合并打包多个组件并实现按需加载
2017/02/17 Javascript
Bootstrap笔记之缩略图、警告框实例详解
2017/03/09 Javascript
一个简易时钟效果js实现代码
2020/03/25 Javascript
JS 封装父页面子页面交互接口的实例代码
2019/06/25 Javascript
编写更好的JavaScript条件式和匹配条件的技巧(小结)
2019/06/27 Javascript
countUp.js实现数字动态变化效果
2019/10/17 Javascript
关于Js中new操作符的作用详解
2021/02/21 Javascript
pandas string转dataframe的方法
2018/04/11 Python
python使用pipeline批量读写redis的方法
2019/02/18 Python
Python中的引用和拷贝实例解析
2019/11/14 Python
详解python 破解网站反爬虫的两种简单方法
2020/02/09 Python
浅谈Python 函数式编程
2020/06/20 Python
python lambda的使用详解
2021/02/26 Python
HTML5离线缓存Manifest是什么
2016/03/09 HTML / CSS
奥兰多迪士尼门票折扣:Undercover Tourist
2018/07/09 全球购物
英国屋顶用品和材料超市:Roofing Supplies UK
2019/08/24 全球购物
机械电子工程专业推荐信范文
2013/11/20 职场文书
美容院经理岗位职责
2014/04/03 职场文书
机械加工与数控专业自荐书
2014/06/04 职场文书
交通志愿者活动总结
2014/06/27 职场文书
新颖的化妆品活动方案
2014/08/21 职场文书
祖国在我心中演讲稿(小学生)
2014/09/23 职场文书
2015中秋节晚会开场白
2015/07/30 职场文书