webpack 配置没有自动前缀

Question

这些设置没有前缀。 Cssnano 和写入 style.css 工作正常，但没有从我的 sass 添加到 css 的前缀。

我刚开始使用 webpack，所以也许我只是不明白。

配置：

var development = process.env.NODE_ENV !== "production";
var webpack = require('webpack');
var path = require('path');
var precss       = require('precss');
var ExtractTextPlugin = require('extract-text-webpack-plugin');
var cssnano = require('cssnano');
var autoprefixer = require('autoprefixer');


var extractCSS = new ExtractTextPlugin('style.css');


module.exports = [
  {
  name: 'app-bundle',
  entry: "./src/js/main.js",
  module: {
    loaders: [
      {
        test: /\.js$/,
        exclude: /(node_modules|bower_components)/,
        loader: 'babel-loader',
      },
    ]
  },
  output: {
    path: "",
    filename: "bundle.min.js"
  },
  plugins: development ? [
  ]: [
    new webpack.optimize.DedupePlugin(),
    new webpack.optimize.OccurenceOrderPlugin(),
    new webpack.optimize.UglifyJsPlugin({ mangle: false, sourcemap: false }),
  ],
},


{
  name: 'css/scss',
  entry:  './src/sass/style.scss',
  module: {
  loaders:
    [
      {
      test: /\.scss$/,
      loader: extractCSS.extract('style', 'css!postcss!sass')
      }
    ]
  },
  postcss: function(webpack)
    {
    return [
      cssnano({
         autoprefixer: {
           add: true,
           remove: false,
           browsers: [
            'last 2 versions',
            'ie >= 9'
          ]
         },
         discardComments: {
           removeAll: true
         },
         discardUnused: false,
         mergeIdents: false,
         reduceIdents: false,
         safe: true,
         sourcemap: true
     })
   ]
 },
  output: {
    path: "",
    filename: "style.css"
  },
  plugins: development ? [
    extractCSS
  ] : []
}
];

Answer 1

你的 postcss 插件声明有问题

 postcss: function(webpack)
{
return [
  autoprefixer(), // Should be a function call and not reside inside cssnano config
  cssnano({
     discardComments: {
       removeAll: true
     },
     discardUnused: false,
     mergeIdents: false,
     reduceIdents: false,
     safe: true,
     sourcemap: true
 }),

] },