reactjs – Webpack,React热重新加载器和多个条目

发布时间：2020-12-15 20:14:42 所属栏目：百科来源：网络整理

导读：我所看到的所有示例都在进行热模块替换时将条目作为字符串数组. 当您有多个条目时,它如何工作？我尝试了以下操作但仍然获得了Uncaught异常：HMR已禁用消息. Webpack配置： module.exports = { context: path.join(staticPath,"js"),entry: { hot: 'webpack/h

我所看到的所有示例都在进行热模块替换时将条目作为字符串数组.

当您有多个条目时,它如何工作？我尝试了以下操作但仍然获得了Uncaught异常：HMR已禁用消息.

Webpack配置：

module.exports = {
    context: path.join(staticPath,"js"),entry: {
        hot: 'webpack/hot/only-dev-server',main: './main.js',admin: './admin.js',vendor: './vendor.js',devServerClient: 'webpack-dev-server/client?http://localhost:4000'
    },output: {
        filename: "[name].bundle.js",path: path.join(staticPath,"js/"),publicPath: "http://localhost:4000/static/bundles/"
    },module: {
        loaders: [
            { test: /.js$/,exclude: /node_modules/,loaders: ["react-hot","babel-loader"] },{ test: /.json$/,loader: "json" }
        ]
    },resolve: {
        extensions: ['','.js','.json']
    },plugins: [
        new webpack.optimize.CommonsChunkPlugin('shared','shared.bundle.js'),new webpack.HotModuleReplacementPlugin(),new webpack.NoErrorsPlugin(),new BundleTracker({ path: rootPath,filename: './webpack-stats.json' })
    ]
}

解决方法

试试这个：

var publicPath = 'http://localhost:4000';

module.exports = {
    context: path.join(staticPath,entry: {
        entry1: [
            'webpack-dev-server/client?' + publicPath,'webpack/hot/only-dev-server','./index.js'
        ],entry2: [
            'webpack-dev-server/client?' + publicPath,'./index2.js'
        ],/* etc */
    },publicPath: publicPath + "/static/bundles/"
    },module: {
        loaders: [
            {
                test: /.js$/,loaders: ['react-hot','babel-loader'],},/* other loaders */
        ]
    },plugins: [
        new webpack.HotModuleReplacementPlugin(),/* other plugins */
    ],/* these are command line options */
    devServer: {
        port: 4000,hot: true
    }
};

我使用了我用于热加载的webpack配置,并混合了部分配置.最大的区别在于条目文件对象的结构.我努力让这个工作以及多个输入文件,我让它主要通过试验和错误工作.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!