webpack配置报错
Invalid configuration object. Webpack has been initialised using a configuration object that does no
描述: 一般遇到这个错误,说明你编写的代码语法与本地安装的webpack版本不兼容。
原因是项目要用到px转换为rem,使用postcss-px2rem这个插件的时候,0.3.0版本的配置如下:

var px2rem = require('postcss-px2rem');

module.exports = {
  module: {
    loaders: [
      {
        test: /\.css$/,
        loader: "style-loader!css-loader!postcss-loader"
      }
    ]
  },
  postcss: function() {
    return [px2rem({remUnit: 75})];
  }
}

说明webpack版本和这个插件的0.3.0版本的语法postcss不兼容,于是我换了另外一个px转换为rem的插件px2rem-loader,版本号为^0.1.9,配置方式:

npm install px2rem-loader
  1. webpack.base.config.js=>在module的rules下添加
    {
         test: /\.scss$/,
         loaders: ["style", "css", "sass"]
     }
    
    

sass就配置好了, 再页面中

<style lang="scss“  > 
  1. 配置这个插件
var px2remLoader = {
    loader: 'px2rem-loader',
    options: {
      remUnit: 75
    }
  }
再然后吧这行替换成
  const loaders = options.usePostCSS
      ? [cssLoader, postcssLoader]
      : [cssLoader]
这个
  const loaders = [cssLoader, px2remLoader];

相关文章: