2016-08-22 16 views
0

私はこれらの設定でプレフィックスを取得していません。 Cssnanoとstyle.cssへの書き込みは動作していますが、私のお尻からCSSにプレフィックスは追加されていません。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 
}), 

] }に問題があり、

関連する問題