亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全，請及時綁定郵箱和手機立即綁定

webpack2中 postcss-loader報錯no config found

module:{
		rules:?[
			{
				test:?/\.js$/,
				loader:?'babel-loader',
				exclude:?path.resolve(__dirname,?"node_modules"),
			},{
				test:?/\.css$/,
		????????use:?[
		??????????"style-loader",?
		??????????"css-loader?importLoaders=1",?//這里是為了把css里的@import先執行第一個loader
		??????????{
		????????????loader:?"postcss-loader",
		????????????//?options:?{
		????????????//???plugins:?(loader)=>[
		????????????//?????require('autoprefixer')({
		????????????//?????????browsers:['last?5?versions']
		????????????//?????})
		????????????//???]
		????????????//?},
		??????????}
		????????],

			}
		]
	},
	plugins:?[
????????new?webpack.LoaderOptionsPlugin({
????????????options:?{
????????????????postcss:?function(){
????????????????????return?[
????????????????????????require("autoprefixer")({
????????????????????????????browsers:?['last?5?versions']
????????????????????????})
????????????????????]
????????????????}
????????????}
????????})
????]

如上圖，不管是直接在loader那里用options配置，或者使用LoaderOptionsPlugin，都會報錯。

http://img1.sycdn.imooc.com//59229d2f00013da507680100.jpg

正在回答

6 回答

謝謝老哥，終于可以讓我睡覺了2017/12/24 上午2:04:07

//新建一個postcss.config.js，里面寫入

module.exports?=?{
????plugins:?[
????????require('autoprefixer')({
????????????browsers:?['last?5?versions']
????????})
????]
}


//回到webpack.config.js

rules:[
??{
????????????????test:/\.css$/,
????????????????use:[
????????????????????'style-loader',
????????????????????'css-loader',
????????????????????'postcss-loader'
????????????????]
????????????},
????????????{
????????????????test:/\.less$/,
????????????????use:[
????????????????????'style-loader',
????????????????????'css-loader',
????????????????????'postcss-loader',
????????????????????'less-loader'
????????????????]
????????????},
????????????{
????????????????test:/\.scss$/,
????????????????use:[
????????????????????'style-loader',
????????????????????'css-loader',
????????????????????'postcss-loader',
????????????????????'sass-loader'
????????????????]
????????????}
]


0 回復 有任何疑惑可以回復我~ 
var?htmlWebpackPlugin=require('html-webpack-plugin');
var?path=require('path');
module.exports?=?{
entry:'./src/app.js',
output:?{
path:__dirname+'/dist',
filename:?'js/[name].bundle.js'
},
module:{
loaders:[
{
test:/\.js$/,
loader:'babel-loader',
//exclude:__dirname+'/node_modules/',
//include:__dirname+'/src/',
exclude:path.resolve(__dirname,'node_modules'),
include:path.resolve(__dirname,'src'),
query:?{
???"presets":["latest"]
}
},
{
test:/\.css$/,
use:[
{loader:'style-loader'},
{
loader:'css-loader',
options:{
importLoaders:?1
}
},
{
loader:'postcss-loader',
options:{
ident:'postcss-ident',
plugins:function(){
return?[
require('autoprefixer')
]
}
}
}
]
}
]
},
plugins:?[
????????new?htmlWebpackPlugin({
????????filename:'index.html',
????????template:'index.html',
????????inject:'body'
????????})
????]
}

請無視上面的，這樣來就可以了?樣式用@import引別的樣式表進來的也能解析了


1 回復 有任何疑惑可以回復我~
#1

龍龖龘88

按照你這樣說的做了，但是引入的css文件不會自動添加前綴啊。。。
2017-09-19 回復 有任何疑惑可以回復我~
#2

葉梓欣 回復 龍龖龘88

我按照他的方法做的，會自動添加前綴呀。沒毛病的老鐵~
2018-02-08 回復 有任何疑惑可以回復我~
#3

葉梓欣

親測可以~謝謝~
2018-02-08 回復 有任何疑惑可以回復我~ 
module:{
loaders:[
{
test:/\.js$/,
loader:'babel-loader',
exclude:path.resolve(__dirname,'node_modules'),
include:path.resolve(__dirname,'src'),
query:?{
???"presets":["latest"]
}
},
{
test:/\.css$/,
use:[
{loader:'style-loader'},
{loader:'css-loader'},
{
loader:'postcss-loader',
options:{
plugins:function(){
return?[
require('autoprefixer')
]
}
}
}
]
}
]
},

這樣整就可以了，視頻里面的版本太低，那樣走會報錯

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

遇到同樣的問題，


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

我也同樣遇到這種問題...只要是在css中使用了@import，無論是在哪里配置postcss-loader都報錯

后來使用postcss.config.js進行配置就OK，我也不懂為什么

在項目根目錄下創建一個postcss.config.js文件，配置如下

module.exports?=?{
????plugins:?[
????????require('autoprefixer')({
????????????browsers:?['last?5?versions']
????????})
????]
}


4 回復 有任何疑惑可以回復我~
#1

慕瓜1393818

你好，這個配置完了呢，還要做什么呀，為什么我配置完了還是沒起作用呢
2017-06-12 回復 有任何疑惑可以回復我~
#2

慕粉1347583349

按照樓上這么寫是可以的，但是也是不理解新建一個postcss.config.js文件及代碼 的意思啊。。
2017-12-10 回復 有任何疑惑可以回復我~
#3

云天明的DX3906

謝謝老哥，終于可以讓我睡覺了2017/12/24 上午2:04:07
2017-12-24 回復 有任何疑惑可以回復我~
#4

Thanatos1107

真的管用了，3Q
2017-12-26 回復 有任何疑惑可以回復我~
查看1條回復


npm?install?css-loader?style-loader?--save-dev
require('style.loader!css-loader!./[name].css')


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

舉報

0/150
提交
取消
webpack深入與實戰
  • 參與學習       86556    人
  • 解答問題       750    個

webpack實戰教程，用真實項目帶你探索 webpack 強大的功能

進入課程

webpack2中 postcss-loader報錯no config found

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

 幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

 公眾號

掃描二維碼
關注慕課網微信公眾號