課程
/前端開(kāi)發(fā)
/前端工具
/webpack深入與實(shí)戰(zhàn)
各種方法我都試過(guò)了,但是postcss-loader就是不起作用,這是什么鬼呀。。。。
2018-02-24
源自:webpack深入與實(shí)戰(zhàn) 4-4
正在回答
現(xiàn)在是webpack4了,得去npm看最新的寫(xiě)法
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"]? ??????????????} ????????????]? ????????}}
親測(cè),有效,在chrome瀏覽器,elements的<style></style>樣式中,可以看到瀏覽器的版本的信息
翁國(guó)超
ok,很感謝,方法很贊
的確不起作用
好久不見(jiàn)呀 提問(wèn)者
這是webpack1.0版本的教程,你用的肯定是比較新的版本,可以去看官網(wǎng)是如何使用postcss-loader的
在webpack.config.js同級(jí)目錄創(chuàng)建一個(gè)postcss.config.js
在postcss.config.js中輸入
? plugins: {
? ? 'autoprefixer': {browsers: 'last 5 version'}
? }
罐頭冠
舉報(bào)
webpack實(shí)戰(zhàn)教程,用真實(shí)項(xiàng)目帶你探索 webpack 強(qiáng)大的功能
2 回答postcss-loader的問(wèn)題
1 回答postcss-loader 有版本問(wèn)題
1 回答postcss-loader這樣配置報(bào)錯(cuò)
6 回答webpack2中 postcss-loader報(bào)錯(cuò)no config found
5 回答加入postcss-loader的autoprefixer插件不起作用
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購(gòu)課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2019-03-13
現(xiàn)在是webpack4了,得去npm看最新的寫(xiě)法
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中的配置是這樣的:
親測(cè),有效,在chrome瀏覽器,elements的<style></style>樣式中,可以看到瀏覽器的版本的信息
2018-04-03
ok,很感謝,方法很贊
2018-03-04
的確不起作用
2018-02-25
這是webpack1.0版本的教程,你用的肯定是比較新的版本,可以去看官網(wǎng)是如何使用postcss-loader的
在webpack.config.js同級(jí)目錄創(chuàng)建一個(gè)postcss.config.js
在postcss.config.js中輸入
module.exports = {
? plugins: {
? ? 'autoprefixer': {browsers: 'last 5 version'}
? }
}