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，都會報錯。
2017-12-24
謝謝老哥，終于可以讓我睡覺了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' ????????????????] ????????????} ]2017-08-11
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引別的樣式表進來的也能解析了2017-08-11
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') ] } } } ] } ] },這樣整就可以了，視頻里面的版本太低，那樣走會報錯
2017-07-07
遇到同樣的問題，
2017-06-08
我也同樣遇到這種問題...只要是在css中使用了@import，無論是在哪里配置postcss-loader都報錯
后來使用postcss.config.js進行配置就OK，我也不懂為什么
在項目根目錄下創建一個postcss.config.js文件，配置如下
module.exports?=?{ ????plugins:?[ ????????require('autoprefixer')({ ????????????browsers:?['last?5?versions'] ????????}) ????] }2017-05-23
npm?install?css-loader?style-loader?--save-dev require('style.loader!css-loader!./[name].css')