源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

webpack2.0配置postcss-loader的方法

  • 时间:2022-09-28 01:01 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:webpack2.0配置postcss-loader的方法
本文介绍使用webpack2.0配置postcssloader,分享给大家。具体如下: [b]安装postcss-loader[/b]
npm install --save-dev postcss-loader
然后配置webpack.config.js
{
 test:/\.css$/,
 use:[
  'style-loader','css-loader?importLoaders=1','postcss-loader' 
 ] 
}
[b]一种办法是配置postcss.config.js[/b]
module.exports = {
  plugins: [
    require('autoprefixer')({ /* ...options */ })
  ]
}
[b]第二张办法是webpack.config.js使用LoaderOptionsPlugin[/b]
module.exports = {
  plugins: [
    new webpack.LoaderOptionsPlugin({
      options: {
        postcss: function(){
          return [
            require("autoprefixer")({
              browsers: ['ie>=8','>1% in CN']
            })
          ]
        }
      }
    })
  ]
}
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程素材网。
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部