第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

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

關(guān)于webpack2.0里面css-loader的參數(shù)ImportLoaders配置出錯

/*?webpack?2.0?*/
{
	test:?/\.css$/,
	use:?[
		'style-loader',
		{
			loader:?'css-loader?importLoaders=1',
			//?query:{
			//?	importLoaders?:?1
			//?}
		},
		{
			loader:?'postcss-loader',
			options:?{
				plugins:function(){
					return?[
						require('autoprefixer')({
							browsers:?["last?5?versions"]
						})
					];
				}
			}
		}
	]
}

老師,在webpack2.0里面,如果是在一個CSS里面import另外一個CSS文件。

使用上面的loader配置,會報錯

ERROR?in?./~/css-loader?importLoaders=1!./~/postcss-loader?{}!./css/common.css
Module?build?failed:?Error:?No?PostCSS?Config?found?in:?E:\webfrontend\npmstudy\webpack-first-demo\css
????at?Error?(native)
????at?E:\webfrontend\npmstudy\webpack-first-demo\node_modules\postcss-load-config\index.js:51:26
?@?./~/css-loader?importLoaders=1!./~/postcss-loader?{}!./css/layer.css?3:10-134
?@?./css/layer.css
?@?./index.js

我是按照postcss-loader的npm官網(wǎng)上的實例配置的

https://www.npmjs.com/package/postcss-loader

這是什么呢?



此題,我已經(jīng)在下面自問自答了各位。

正在回答

18 回答

必須得配置postcss.config.js么?我也是按照官網(wǎng)在webpack.config.js中配置的,然后一樣的錯誤,怎么解決的昂?= =求告知0.0

0 回復(fù) 有任何疑惑可以回復(fù)我~
#1

小王子抓貓咪 提問者

第二種方案,我很早就寫了解決辦法。慕課的評論排版有問題。請把我的所有評論的發(fā)布時間看一下就知道了。
2017-03-16 回復(fù) 有任何疑惑可以回復(fù)我~
#2

SoooHy 回復(fù) 小王子抓貓咪 提問者

好的呢,哥
2017-03-16 回復(fù) 有任何疑惑可以回復(fù)我~
#3

我就是那個胖子 回復(fù) 小王子抓貓咪 提問者

關(guān)鍵是無效啊
2017-05-19 回復(fù) 有任何疑惑可以回復(fù)我~

http://img1.sycdn.imooc.com//58bfb4060001889f08620710.jpg

也還是不行

0 回復(fù) 有任何疑惑可以回復(fù)我~
#1

打不倒的小成c

請問你解決了么 我今天也遇到這個問題,求教
2017-05-13 回復(fù) 有任何疑惑可以回復(fù)我~
????module:{
????????rules:[
????????????{
????????????????test:/\.js$/,
????????????????include:path.resolve(__dirname,'src'),
????????????????exclude:path.resolve(__dirname,'node_modules'),
????????????????use:?'babel-loader'
????????????},
????????????{
????????????????test:/\.css$/,
????????????????use:[?'style-loader',?'css-loader?importLoaders=1',
????????????????{
????????????????????loader:'postcss-loader',
????????????????????options:{
????????????????????????plugins:function(){
????????????????????????????return?[
????????????????????????????????require('autoprefixer')({broswers:['last?5?versions']})
????????????????????????????];
????????????????????????}
????????????????????}
????????????????}?]
????????????},
????????]
????},

不添加新的配置文件,這樣寫可以通過

1 回復(fù) 有任何疑惑可以回復(fù)我~
#1

歐耶233

親測有用
2017-03-15 回復(fù) 有任何疑惑可以回復(fù)我~
#2

SoooHy

并不能行= =
2017-03-16 回復(fù) 有任何疑惑可以回復(fù)我~
#3

Malenconia príncep

我也是不行 用的最新的webpack2 還是提示 postcss config not found , 但用 postcss.config.js 會報 Node#before is deprecated. Use Node#raws.before 不知道怎么解決
2017-05-09 回復(fù) 有任何疑惑可以回復(fù)我~
#4

不浪漫

蛋疼了 看postcss官網(wǎng)的方法不行 @tina_zhy 同學的也不行。但是你這個可以 ,奇怪了 。官網(wǎng)沒見這么寫的啊。
2017-05-11 回復(fù) 有任何疑惑可以回復(fù)我~
查看2條回復(fù)

css-loader 文檔已經(jīng)更新,推薦使用下面數(shù)組的方式,可以使用

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


0 回復(fù) 有任何疑惑可以回復(fù)我~

第二種方式的問題已經(jīng)找到解決方案

在webpack2.0里的webpack.config.js中,已經(jīng)不在允許用戶自定義options的key值了。也就是說不能在
module.exports={...}這里面將postcss作為一個Key啦。錯誤提示告訴用戶,需要使用
LoaderOptionsPlugin

//解決方案
module.exports?=?{
????plugins:?[
????????new?webpack.LoaderOptionsPlugin({
????????????options:?{
????????????????postcss:?function(){
????????????????????return?[
????????????????????????require("autoprefixer")({
????????????????????????????browsers:?['ie>=8','>1%?in?CN']
????????????????????????})
????????????????????]
????????????????}
????????????}
????????})
????]
}


5 回復(fù) 有任何疑惑可以回復(fù)我~
#1

魚干的馬甲

你這種方法可行。webpack好坑
2017-03-09 回復(fù) 有任何疑惑可以回復(fù)我~
#2

hylobates

已經(jīng)解決,非常感謝!不過我在官網(wǎng)沒有找到這個說明,不知道你是在哪個頁面看到的呢?能否給個鏈接?
2017-03-21 回復(fù) 有任何疑惑可以回復(fù)我~
#3

打不倒的小成c

喲on過了這種方法還是報錯啊
2017-05-13 回復(fù) 有任何疑惑可以回復(fù)我~
#4

打不倒的小成c 回復(fù) 打不倒的小成c

用了這種
2017-05-13 回復(fù) 有任何疑惑可以回復(fù)我~
#5

qq_hypocrite_14118132

還是報錯:ERROR in ./~/css-loader?importLoaders=1!./~/postcss-loader/lib?{}!./src/css/flex.css Module build failed: Error: No PostCSS Config found in: D:\nodejs\node_global\node_modules\webpack-test\src\css at Error (native)
2017-06-12 回復(fù) 有任何疑惑可以回復(fù)我~
#6

Simon_zcz 回復(fù) qq_hypocrite_14118132

我跟你一樣
2017-06-15 回復(fù) 有任何疑惑可以回復(fù)我~
查看3條回復(fù)
use:?[
	'style-loader',
	{
		loader:?'css-loader',
		options:?{
			importLoaders:?1
		}
	},
					
	{
		loader:?'postcss-loader'
	}
]

新建postcss.config.js

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

這種方式可行。


目前還不知道為什么第二種方式不行!

2 回復(fù) 有任何疑惑可以回復(fù)我~
#1

小王子抓貓咪 提問者

第二種方案在樓上一層
2017-03-16 回復(fù) 有任何疑惑可以回復(fù)我~
#2

雲(yún)上在飄雨 回復(fù) 小王子抓貓咪 提問者

LoaderOptionsPlugin這種方法也不可以了現(xiàn)在
2017-05-12 回復(fù) 有任何疑惑可以回復(fù)我~
#3

打不倒的小成c 回復(fù) 雲(yún)上在飄雨

我也是 不知道你解決了沒有,求教
2017-05-13 回復(fù) 有任何疑惑可以回復(fù)我~

不給css-loader加參數(shù)importLoaders=1 是能夠正常打包的,不會提示錯誤。但是對于包含@import方式的css就不能進行前綴等轉(zhuǎn)換了。

但是加上importLoaders=1 再打包就會報錯了。

我真不知道具體原因是什么。

0 回復(fù) 有任何疑惑可以回復(fù)我~
#1

魚干的馬甲

原因還找到?jīng)]有?同問
2017-03-08 回復(fù) 有任何疑惑可以回復(fù)我~
#2

慕桂英9005916 回復(fù) 魚干的馬甲

我今天也是遇到這個問題 不解
2017-03-08 回復(fù) 有任何疑惑可以回復(fù)我~
#3

打不倒的小成c 回復(fù) qq_不訁嬡_0

我也遇到了這個問題 求解
2017-05-13 回復(fù) 有任何疑惑可以回復(fù)我~
#4

心晴0623

同求,,
2017-05-23 回復(fù) 有任何疑惑可以回復(fù)我~
查看2條回復(fù)

主要還是找不到post-css 的配置,你安裝了?postcss-load-config ?你可以在項目下新建一個 postcss.config.js 來解決,webpack 中就不用寫了

0 回復(fù) 有任何疑惑可以回復(fù)我~
#1

小王子抓貓咪 提問者

我用webpack1.0的寫法是沒有問題的。 在webpack2.0中,我看官網(wǎng)上有兩種形式,一種是按照老師你說的方式弄一個postcss.config.js 另外一個就是直接在webpack.config.js中進行配置。 原文是 We recommend to use postcss.config.js, but also you can specify plugins directly in webpack config.
2017-02-16 回復(fù) 有任何疑惑可以回復(fù)我~
首頁上一頁12下一頁尾頁

舉報

0/150
提交
取消

關(guān)于webpack2.0里面css-loader的參數(shù)ImportLoaders配置出錯

我要回答 關(guān)注問題
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學習伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號