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

第二种打包import的css报错

      {

        test: /\.css$/,

        //user可为loader加入选项

        use: [

          'style-loader',

          {loader: 'css-loader',options: {importLoaders: 1}},

          {loader: 'postcss-loader',options: {plugins: [require('autoprefixer')({browsers:["last 5 versions"]})]}}

        ],

      }


ERROR in ./node_modules/css-loader?{"importLoaders":1}!./node_modules/postcss-loader/lib?{"plugins":[null]}!./src/css/flex.css

Module build failed: TypeError: Cannot read property 'postcss' of null

    at Processor.normalize (F:\webpack-demo\node_modules\postcss-loader\node_modules\postcss\lib\processor.js:136:12)

    at new Processor (F:\webpack-demo\node_modules\postcss-loader\node_modules\postcss\lib\processor.js:51:25)

    at postcss (F:\webpack-demo\node_modules\postcss-loader\node_modules\postcss\lib\postcss.js:73:10)

    at Promise.resolve.then.then (F:\webpack-demo\node_modules\postcss-loader\lib\index.js:137:12)

    at <anonymous>

 @ ./node_modules/css-loader?{"importLoaders":1}!./node_modules/postcss-loader/lib?{"plugins":[null]}!./src/css/common.css 3:10-162

 @ ./src/css/common.css

 @ ./src/app.js


提问者:FE_FE 2017-07-07 18:24

个回答

  • 小鸡啄米的嗨皮
    2017-08-21 13:24:30

    bowsers ==》 bowserslist

  • lovecherry
    2017-08-10 23:50:18

    ...碰到同样问题,为什么

  • 505380967
    2017-08-08 17:19:38

    https://www.npmjs.com/package/postcss-loader  官网上面有解释

  • budflower
    2017-08-01 11:03:11

    同问,为什么同写在一个文件里不行,而要把postcss-loader写到另外的config里才可以?

  • 范佩西MU
    2017-07-16 16:40:36

    同是这个错

  • 你爱的是星辰大海
    2017-07-13 14:32:05

    第一步,在根目录下新建postcss.config.js,里面内如下

    http://img.mukewang.com/5967138400010e6c05880257.jpg

    第二步,webpack.config.js中

    http://img.mukewang.com/5967138500012ce905500449.jpg