构建文件未在 Node.js 内更新

Question

所以我正在构建一个 React 应用程序。该应用程序在开发实例中运行良好。但是当我尝试打开最终输出文件时，文件没有更新。

示例 - 我在 React 中制作了一个 Hello 应用程序。现在，我在 react-bootstrap 工作。但是最终的输出文件还是显示Hello.

这是我的 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.

构建文件未在 Node.js 内更新

Build file not updating in Node.js

node.js

reactjs

webpack

react-bootstrap