3

私はかなり単純なwebpack構成に問題があります:

var webpack = require('webpack');
    path = require('path');

var PATHS = {
    app: __dirname + "/app"
};

var config = {
    context: PATHS.app,
entry: {
    app: ['webpack/hot/dev-server',  './core/bootstrap.js']
}
,

// entry: './core/bootstrap.js',

output: {
    path: PATHS.app,
    filename: 'bundle.js'
},
module: {
    loaders: [
        {test: /\.js$/, loader: 'ng-annotate!babel', exclude: /node_modules/},
        {test: /\.less$/, loader: "style!css!less", exclude: /node_modules|bower_components/},  
        {test: /\.json$/, loader: "json", exclude: /node_modules|bower_components/},
        {test: /\.html$/, exclude: /node_modules/, loader: "raw"},
        {test: /\.(ttf|eot|svg|otf)$/, loader: "file"},
        {test: /\.woff(2)?$/, loader: "url?limit=10000&minetype=application/font-woff"}

    ]
},

plugins: [
    new webpack.DefinePlugin({
        ON_TEST: process.env.NODE_ENV === 'test'
    })
],

devtool: "#inline-source-map"

}

if (process.env.NODE_ENV === 'production'){
    config.output.path = __dirname + '/dist';
    config.plugins.push(new webpack.optimize.UglifyJsPlugin());
    config.devtool = 'source-map';
}

module.exports = config;

私は自分のコードの縮小版をビルドしようとしていますが、実行している ときは dist フォルダーにNODE_ENV=production node node_modules/.bin/webpack && cp app/index.html dist/index.html何もなく、実行しているときは取得していますbundle.min.jshttp-server distUncaught Error: [HMR] Hot Module Replacement is disabled.

Web を調べたところ、これは一般的な問題であることがわかりましたが、これを修正する方法がどこにも見つかりませんでした--hot。ホットスワップ プラグインを追加することを想定したフラグを使用しています。

4

0 に答える 0