使用 postcss autoprefixer 时 Webpack 配置加载器错误答案

【问题标题】：Webpack config loaders error when using postcss autoprefixer使用 postcss autoprefixer 时 Webpack 配置加载器错误
【发布时间】：2016-10-26 13:04:32
【问题描述】：

所以我一直在使用带有加载器的 webpack。今天我想为 css 添加一个前缀加载器，我在 webpack 开发服务器运行时不断收到错误，“无法解析模块 postcss”这是代码：

  module: {
    loaders: [
      {test: /\.js$/, exclude: /node_modules/, loader: 'babel-loader'},
      {test: /\.css$/, loader: 'style!css?{"sourceMap&modules&localIdentName": "[name]__[local]___[hash:base64:5]", "modules&importLoader": "1!postcss"}'}
    ]
  },
  postcss: [ autoprefixer({ browsers: ['last 2 versions'] }) ]

在此之前，我一直在使用下面的代码，并且我的 webpack run dev server 命令运行没有错误。

  module: {
    loaders: [
      {test: /\.js$/, exclude: /node_modules/, loader: 'babel-loader'},
      {test: /\.css$/, loader: 'style!css?sourceMap&modules&localIdentName=[name]__[local]___[hash:base64:5]'}
    ]
  }

我做错了什么？

【问题讨论】：

你安装了post-css-loader (npm install postcss-loader --save-dev)吗？
是的，我有。和自动前缀插件

标签： css reactjs webpack webpack-dev-server

【解决方案1】：

解决了：

  module: {
    loaders: [
      {test: /\.js$/, exclude: /node_modules/, loader: 'babel-loader'},
      {test: /\.css$/, loader: 'style!css?sourceMap&modules&localIdentName=[name]__[local]___[hash:base64:5]&importLoader=1!postcss'}
    ]
  },
  postcss: [ autoprefixer({ browsers: ['last 2 versions'] }) ]

【讨论】：