问答详情
源自：4-4 处理项目中的 css

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')
           ]
       }
   }]
}

提问者：不完美 2017-07-04 15:54

个回答

  • 加油加油加油哦
    2017-12-15 09:50:12

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

    还要require（）进去

    http://img4.mukewang.com/5a332a470001744604410125.jpg

    4
  • qq_o溡緔羽_0
    2017-10-06 14:49:25

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

    0
  • qq_Vsk_0
    2017-08-21 11:04:32

    有区别吗？没看懂>

    0
  • qq_我是森林请你迷路_04086094
    2017-07-26 10:55:56

    解决了吗？

    0
  • 慕莱坞5735624
    2017-07-22 22:11:25

    确实遇到此问题。尴尬

    0
  • 82609791
    2017-07-06 10:21:47

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

                limit:20000,

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

            }

       }
    }

    0