为了账号安全,请及时绑定邮箱和手机立即绑定

webpack3.0加入@import之后importLoaders:1并没有作用还会报错

刚学webpack的配置,现在是webpack3.0.0,按照文档已经写了最新的方法还会会报错:

ERROR in ./node_modules/css-loader?{"modules":true,"importLoaders":1}!./node_mod

ules/postcss-loader/lib?{"plugins":[null]}!./src/css/main.css

Module not found: Error: Can't resolve 'flex.css' in 'D:\webpack-apps\src\css'

 @ ./node_modules/css-loader?{"modules":true,"importLoaders":1}!./node_modules/p

ostcss-loader/lib?{"plugins":[null]}!./src/css/main.css 3:10-177

 @ ./src/css/main.css

 @ ./src/components/layer/layer.js

配置如下:

{
   test:/\.css$/,
   use: ['style-loader',{
       loader:'css-loader',
       options:{
           modules: true,
           importLoaders: 1
       }
   },{
       loader:'postcss-loader',
       options:{
           plugins:[
               require('autoprefixer')
           ]
       }
   }]
}

正在回答

6 回答

这个先要在doc里 npm install postcss-import --save-dev

还要require()进去

http://img1.sycdn.imooc.com//5a332a470001744604410125.jpg

4 回复 有任何疑惑可以回复我~

可以试试这样写:loader:'style-loader!css-loader?importLoaders=1!postcss-loader',

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

有区别吗?没看懂>

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

解决了吗?

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

不完美 提问者

test:/\.css$/, use: ['style-loader',{ loader:'css-loader', options:{ importLoaders: 1 }
2017-08-03 回复 有任何疑惑可以回复我~

确实遇到此问题。尴尬

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

{
   test: /\.css$/,
   loader:  ''postcss-loader",
   query: {

            limit:20000,

            name: 'assets/[name]-[hash:5].[ext]'

        }

   }
}

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

举报

0/150
提交
取消

webpack3.0加入@import之后importLoaders:1并没有作用还会报错

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信