postcss在import了css后后出错

慕课视频

 

报错：

ERROR in ./src/css/common.css (./node_modules/css-loader/dist/cjs.js?importLoaders=1!./node_modules/postcss-loader/src!./src/css/common.css)
Module build failed (from ./node_modules/css-loader/dist/cjs.js):
ValidationError: CSS Loader Invalid Options

options.importLoaders should be boolean
options.importLoaders should be number
options.importLoaders should match some schema in anyOf
 

webpack.config.js  文件

{

            test: /\.css$/,

            use: [

              'style-loader',

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

              'postcss-loader'

            ]

  },

postcss.config.js   文件

module.exports = {

  plugins: [

    require('autoprefixer')

  ]

}

package.json 文件 加上这个 ，不加前缀不生效

"browserslist": [

    "defaults",

    "not ie < 11",

    "last 2 versions",

    "> 1%",

    "iOS 7",

    "last 3 iOS versions"

  ]

 

我只用了webpack.config.js  文件

详细解决办法见：https://www.imooc.com/qadetail/250745