                        课程
                    
                        /前端开发
                        
                            /前端工具
                        
                        /webpack深入与实战

postcss-loader

各种方法我都试过了，但是postcss-loader就是不起作用，这是什么鬼呀。。。。

好久不见呀

2018-02-24

源自：webpack深入与实战 4-4

关注问题我要回答

2403

操作

收起

6 回答

k箜3408488
2019-03-13

现在是webpack4了，得去npm看最新的写法

0 回复有任何疑惑可以回复我~

慕雪2081275
2018-12-21

Fix it!!

0 回复有任何疑惑可以回复我~

_蛰伏
2018-05-22

我使用的webpack的版本是4.8.3

1、postcss.config.js中我的配置是这样的：

module.exports = {

plugins: [

require('autoprefixer')({

browsers:['last 5 versions']

})

]

}

2、webpack.config.js中的配置是这样的：

module.exports = { 
   module: {   
        rules: [  
              { test: /\.css$/,
              use: ["style-loader", "css-loader", "postcss-loader"] 
              }
            ] 
        }}

亲测，有效，在chrome浏览器，elements的<style></style>样式中，可以看到浏览器的版本的信息

2 回复有任何疑惑可以回复我~

#1

require('autoprefixer')({ browsers:['last 5 versions'] })确实有效，不过在哪里可以看到这种写法呀？

2018-08-25 回复有任何疑惑可以回复我~

慕婉清1335980
2018-04-03

ok，很感谢，方法很赞

0 回复有任何疑惑可以回复我~

慕粉1804033883
2018-03-04

的确不起作用

0 回复有任何疑惑可以回复我~

#1

好久不见呀提问者

您也是这样呢？

2018-03-04 回复有任何疑惑可以回复我~

慕桂英6553994
2018-02-25

这是webpack1.0版本的教程，你用的肯定是比较新的版本，可以去看官网是如何使用postcss-loader的

在webpack.config.js同级目录创建一个postcss.config.js

在postcss.config.js中输入

module.exports = {

plugins: {

'autoprefixer': {browsers: 'last 5 version'}

}

}

1 回复有任何疑惑可以回复我~

#1

好久不见呀提问者

我也使用了postcss.config.js的方法，一样不报错，但是样式中没有兼容前缀；其实想想不报错就说明这个插件已经配置好了呀…，还是不明白

2018-02-25 回复有任何疑惑可以回复我~

#2

谢谢，你这个方法可以

2018-04-02 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

webpack深入与实战

参与学习 86558 人
解答问题 721 个

webpack实战教程，用真实项目带你探索 webpack 强大的功能

本课相似问答

2 回答postcss-loader的问题

1 回答postcss-loader 有版本问题

1 回答postcss-loader这样配置报错

6 回答webpack2中 postcss-loader报错no config found

5 回答webpack3中postcss-loader怎样设置autoprefixer的参数

搜索更多本课相关问答

postcss-loader

我要回答关注问题

意见反馈帮助中心 APP下载