我正在使用generator-react-webpack,当我只是尝试使用webpack's ProvidePlugin时,浏览器在执行npm start
后启动时出现以下错误:
未捕获错误:[HMR]热模块更换是 禁用。
这是我的cfg / base.js配置文件被导入到webpack.config.js文件中。如果我删除插件部分它可以正常工作。我做错了什么?
'use strict';
let path = require('path');
let webpack = require('webpack');
let port = 8000;
let srcPath = path.join(__dirname, '/../src');
let publicPath = '/assets/';
let additionalPaths = [];
module.exports = {
plugins: [
new webpack.ProvidePlugin({
$: 'jquery',
_: 'lodash'
})
],
additionalPaths: additionalPaths,
port: port,
debug: true,
output: {
path: path.join(__dirname, '/../dist/assets'),
filename: 'app.js',
publicPath: publicPath
},
devServer: {
contentBase: './src/',
historyApiFallback: true,
hot: true,
port: port,
publicPath: publicPath,
noInfo: false
},
resolve: {
extensions: ['', '.js', '.jsx'],
alias: {
actions: srcPath + '/actions/',
components: srcPath + '/components/',
sources: srcPath + '/sources/',
stores: srcPath + '/stores/',
styles: srcPath + '/styles/',
config: srcPath + '/config/' + process.env.REACT_WEBPACK_ENV
}
},
module: {
preLoaders: [{
test: /\.(js|jsx)$/,
include: srcPath,
loader: 'eslint-loader'
}],
loaders: [{
test: /\.css$/,
loader: 'style-loader!css-loader'
}, {
test: /\.sass/,
loader: 'style-loader!css-loader!sass-loader?outputStyle=expanded&indentedSyntax'
}, {
test: /\.scss/,
loader: 'style-loader!css-loader!sass-loader?outputStyle=expanded'
}, {
test: /\.less/,
loader: 'style-loader!css-loader!less-loader'
}, {
test: /\.styl/,
loader: 'style-loader!css-loader!stylus-loader'
}, {
test: /\.(png|jpg|gif|woff|woff2)$/,
loader: 'url-loader?limit=8192'
}]
}
};