2016-08-22 72 views
0

我没有收到这些设置的前缀。 Cssnano和写入style.css正在工作,但没有从我的sass添加到CSS的前缀。没有autoprefix与webpack配置

我刚刚开始使用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 
    ] : [] 
} 
]; 

回答

0

没有您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 
}), 

] },问题