webpack dev server scssの変更を無視する

Question

webpackでjsとscssファイルを圧縮/コンパイルすることができました。 scssファイルは 'extract-text-webpack-plugin'によって外部のcssファイルに展開されます。ここでは、コードは以下のとおりです。私は今、実行すると

var path = require('path'); 
var webpack = require('webpack'); 
var ExtractTextPlugin = require("extract-text-webpack-plugin"); 
require('es6-promise').polyfill(); 

module.exports = { 
    entry: ['./js/app'], 
    output: { 
    path: path.join(__dirname, 'js'), 
    publicPath: 'js', 
    filename: 'app.min.js' 
    }, 
plugins: [ 
    new webpack.optimize.UglifyJsPlugin({ 
    compressor: { 
    warnings: false, 
    }, 
    }), 
    new webpack.optimize.OccurrenceOrderPlugin(), 
    new ExtractTextPlugin("../css/styles.min.css", {allChunks: false}) 
], 
module: { 
    loaders: [{ 
    test: /\.scss$/, 
    loader: ExtractTextPlugin.extract("style-loader", "css-loader!sass-loader") 
    }] 
} 
} 

「のWebPACK-devのサーバーJSを/はapp.js」 - それは、JSの私の変化は、（例えば、警告）ファイル自体取得しますが、変更内容を発言しませんCSSファイルで。

これはapp.jsです：

var $ = require('jquery'); 
require('../css/styles.scss'); 

alert('Hi'); 

私は問題がExtractTextPluginに接続されていると思います。そして、もう一度回避策を見つける手がかりはありません。任意のヒントやアイデア？

Answer 1

さて、私はそれを得ました。

const live = process.env.NODE_ENV === "production"; 

if(live) { 
... 
} else { 
... 
} 

我々ははない生産では、それはExtractTextPluginを逃している場合は、次のWebPACK-devのサーバーを起動するとき、我々は生産的環境にある場合、私は聞いていますのよ。

NODE_ENV=production webpack -p 

一つでも、これを短縮するNPMスクリプトを使用することができます。最後に、私は私のタイプの変更を展開する

。