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

来源:4-4 处理项目中的 css

不完美

2017-07-04 15:54

刚学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回答

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

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

    还要require()进去

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

    共 1 条回复 >

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

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

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

    有区别吗?没看懂>

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

    解决了吗?

    不完美

    test:/\.css$/, use: ['style-loader',{ loader:'css-loader', options:{ importLoaders: 1 }

    2017-08-03 10:12:33

    共 1 条回复 >

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

    确实遇到此问题。尴尬

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

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

                limit:20000,

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

            }

       }
    }

webpack深入与实战

webpack实战教程,用真实项目带你探索 webpack 强大的功能

86561 学习 · 721 问题

查看课程

相似问题