javascript - webpack里plugin添加HotModuleReplacementPlugin提示Unresolve-PHP中文网问答

顶部 require('webpack')了
在编写react-hot-loader的demo种编辑器中提示

然后浏览器中提示

请问有人遇到过这种问题吗？这个HotModuleReplacementPlugin在webpack中没有暴露？

这是server.js

var webpack          = require('webpack');
var WebpackDevServer = require('webpack-dev-server');
var config           = require('./webpack.config');

new WebpackDevServer(webpack(config), {
    publicPath        : config.output.publicPath,
    hot               : true,
    noInfo            : true,
    historyApiFallback: true
}).listen(8080, '127.0.0.1', function (err, res) {
    if (err) console.log(err);
    console.log('At 3000');
});

这是webpack.config.js

var webpack = require('webpack');
var path = require('path');
var OpenBrowserPlugin = require('open-browser-webpack-plugin');

var ASS = path.resolve(__dirname, 'assets');
var BUILD = path.resolve(__dirname, 'build');

module.exports = {
    entry: {
        app: ['webpack-dev-server/client?http://127.0.0.1:8080', 'webpack/hot/dev-server', './assets/main.js']
    },
    output: {
        path: BUILD,
        filename: '[name].js',
        publicPath: BUILD
    },
    module: {
        loaders: [
            {
                test: /\.js[x]?$/,
                exclude: /node_modules/,
                loaders: ['react-hot', 'babel-loader?presets=react&presets=es2015']
            }
        ]
    },
    plugins: [
        new OpenBrowserPlugin({ url: 'http://localhost:8080' })
    ]
};

new WebpackDevServer(webpack(config), { publicPath : config.output.publicPath, hot : true,//注意这里，你已经开启了hot模式，她和你手动加载HotModuleReplacementPlugin是一个意思，所有你后面再手动加一个就没意义了 noInfo : true, historyApiFallback: true }).listen(8080, '127.0.0.1', function (err, res) { if (err) console.log(err); console.log('At 3000'); });

new WebpackDevServer(webpack(config), { publicPath : config.output.publicPath, hot : true, inline : true,//启动inline noInfo : true, historyApiFallback: true }).listen(8080, '127.0.0.1', function (err, res) { if (err) console.log(err); console.log('At 3000'); });