課程
/前端開發
/前端工具
/webpack深入與實戰
各種方法我都試過了，但是postcss-loader就是不起作用，這是什么鬼呀。。。。
2018-02-24
源自：webpack深入與實戰 4-4
正在回答
現在是webpack4了，得去npm看最新的寫法
Fix it!!
我使用的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>樣式中，可以看到瀏覽器的版本的信息
翁國超
ok，很感謝，方法很贊
的確不起作用
好久不見呀 提問者
這是webpack1.0版本的教程，你用的肯定是比較新的版本，可以去看官網是如何使用postcss-loader的
在webpack.config.js同級目錄創建一個postcss.config.js
在postcss.config.js中輸入
? plugins: {
? ? 'autoprefixer': {browsers: 'last 5 version'}
? }
罐頭冠
舉報
webpack實戰教程，用真實項目帶你探索 webpack 強大的功能
2 回答postcss-loader的問題
1 回答postcss-loader 有版本問題
1 回答postcss-loader這樣配置報錯
6 回答webpack2中 postcss-loader報錯no config found
5 回答加入postcss-loader的autoprefixer插件不起作用
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2019-03-13
現在是webpack4了，得去npm看最新的寫法
2018-12-21
Fix it!!
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>樣式中，可以看到瀏覽器的版本的信息
2018-04-03
ok，很感謝，方法很贊
2018-03-04
的確不起作用
2018-02-25
這是webpack1.0版本的教程，你用的肯定是比較新的版本，可以去看官網是如何使用postcss-loader的
在webpack.config.js同級目錄創建一個postcss.config.js
在postcss.config.js中輸入
module.exports = {
? plugins: {
? ? 'autoprefixer': {browsers: 'last 5 version'}
? }
}