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列举css中所有图标的实现代码
Jul 04 Javascript
Flexigrid在IE下不显示数据的处理的解决方法
Oct 24 Javascript
jquery库或JS文件在eclipse下报错问题解决方法
Apr 17 Javascript
node.js+Ajax实现获取HTTP服务器返回数据
Nov 26 Javascript
Prototype框架详解
Nov 25 Javascript
在 Express 中使用模板引擎
Dec 10 Javascript
jquery.cookie.js用法实例详解
Dec 25 Javascript
js实现音乐播放控制条
Sep 09 Javascript
深入理解vuex2.0 之 modules
Nov 20 Javascript
Servlet3.0与纯javascript通过Ajax交互的实例详解
Mar 18 Javascript
JavaScript实现的3D旋转魔方动画效果实例代码
Jul 31 Javascript
vue excel上传预览和table内容下载到excel文件中
Dec 10 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中执行MYSQL事务解决数据写入不完整等情况
2014/01/07 PHP
thinkphp四种url访问方式详解
2014/11/28 PHP
PHP使用Redis实现Session共享的实现示例
2019/05/12 PHP
Jquery中Ajax 缓存带来的影响的解决方法
2011/05/19 Javascript
img onload事件绑定各浏览器均可执行
2012/12/19 Javascript
Js 获取Gridview选中行的内容操作步骤
2013/02/05 Javascript
使用JavaScript 编写简单计算器
2014/11/24 Javascript
jQuery仿京东商城楼梯式导航定位菜单
2016/07/25 Javascript
基于cookie实现zTree树刷新后展开状态不变
2017/02/28 Javascript
详解如何在你的Vue项目配置vux
2018/06/04 Javascript
如何检查一个对象是否为空
2019/04/11 Javascript
[02:23]完美世界全国高校联赛街访DOTA2第一期
2019/11/28 DOTA
Python获取当前时间的方法
2014/01/14 Python
Python学习小技巧之列表项的排序
2017/05/20 Python
Python实现常见的回文字符串算法
2018/11/14 Python
下载官网python并安装的步骤详解
2019/10/12 Python
python被修饰的函数消失问题解决(基于wraps函数)
2019/11/04 Python
Python range与enumerate函数区别解析
2020/02/28 Python
查看keras各种网络结构各层的名字方式
2020/06/11 Python
Python 数据分析之逐块读取文本的实现
2020/12/14 Python
Python实现对word文档添加密码去除密码的示例代码
2020/12/29 Python
基于Canvas+Vue的弹幕组件的实现
2019/07/23 HTML / CSS
Linden Leaves官网:新西兰纯净护肤品
2020/12/20 全球购物
机械专业毕业生自荐信
2013/11/02 职场文书
祖国在我心中演讲稿
2014/01/15 职场文书
会计电算化个人求职信范文
2014/01/24 职场文书
优秀应届生求职信
2014/06/16 职场文书
工人先进事迹材料
2014/12/26 职场文书
一年级语文上册复习计划
2015/01/17 职场文书
2015年度电厂个人工作总结
2015/05/13 职场文书
小学校本教研总结
2015/08/13 职场文书
Vue3 Composition API的使用简介
2021/03/29 Vue.js
MySQL 四种连接和多表查询详解
2021/07/16 MySQL
JavaWeb 入门篇(3)ServletContext 详解 具体应用
2021/07/16 Java/Android
Spring Boot DevTools 全局配置学习指南
2022/03/31 Java/Android
Python中re模块的元字符使用小结
2022/04/07 Python