構建文件不在Node.js中更新

Question

所以我正在構建一個反應應用程序。該應用程序在開發實例中正常工作。但是當我嘗試打開最終的輸出文件時，該文件不會更新。

示例 - 我在React中製作了一個Hello應用程序。現在，我正在爲react-bootstrap工作。但最終的輸出文件仍然顯示你好。

這是我webpack.config.js文件

var HTMLWebpackPlugin = require('html-webpack-plugin'); 
var HTMLWebpackPluginConfig = new HTMLWebpackPlugin({ 
    template: __dirname + '/app/index.html',  
    filename: 'index.html', 
    inject: 'body' 
}); 

module.exports = { 

    entry: __dirname + '/app/index.js', 
    module: { 
     loaders: [ 
      { 
       test: /\.js$/, 
       exclude: /node_modules/, 
       loader: 'babel-loader' 
      }, 
      { 
       test: /\.css$/, 
       loader: "style-loader!css-loader" 
       }, 


     ] 
    }, 

    output: { 
     filename: 'transformed.js', 
     path: __dirname+'/build' 
    }, 
    plugins: [HTMLWebpackPluginConfig] 
}; 

能不明白的地方的錯誤所在。請幫助:)

Answer 1

您需要通過運行webpack再次構建應用程序，該包不會神奇地更新自身。您可能正在使用webpack-dev-server進行開發，該開發將編譯您的軟件包，但這是在內存中完成的，因此不會將寫入磁盤。如果你想在磁盤上使用它，你需要運行webpack。