我试图让webpack-dev-middleware / webpack-hot-middleware与我的快递服务器一起工作 . 如果我直接运行webpack配置它运行正常但是当我尝试从中间件运行它时它不会解析JSX .
这是我的配置
{
"name": "client",
"entry": [
"react-hot-loader/patch",
"webpack-dev-server/client?http://0.0.0.0:5000",
"webpack/hot/only-dev-server",
"webpack-hot-middleware/client?quiet=true",
"./lib/ui/index.js"
],
"output": {
"path": "/dist",
"filename": "app.js?h=[hash]",
"sourceMapFilename": "app.map?h=[hash]"
},
"devtool": "cheap-module-source-map",
"module": {
"loaders": [
{
"test": /\.jsx?$/,
"loaders": [
"react-hot-loader/webpack",
"babel-loader"
],
"include": [
"apps",
"lib"
]
},
{
"test": /\.css$/,
"loader": "style-loader!css-loader"
},
{
"test": /\.less$/,
"loader": "style-loader!css-loader!less-loader"
},
{
"test": /\.(png|jpg|gif)$/,
"loader": "url-loader?limit=-1"
},
{
"test": /\.woff(2)?(\?v=[0-9].[0-9].[0-9])?$/,
"loader": "url-loader?limit=8192&mimetype=application/font-woff"
},
{
"test": /\.(ttf|eot|svg)(\?v=[0-9].[0-9].[0-9])?$/,
"loader": "file-loader"
}
]
},
"plugins": [
new webpack.DefinePlugin({
'process.env.NODE_ENV': JSON.stringify(NODE_ENV),
'process.env.HOSTNAME': os.hostname(),
__DEV__: NODE_ENV !== 'production',
__PROD__: NODE_ENV === 'production'
}),
new webpack.HotModuleReplacementPlugin()
]
}
这是我的app.js钩子,用于中间件
if (module.hot) {
console.log("Adding hot server middleware");
const webpack = require('webpack');
const webpackDevMiddleware = require("webpack-dev-middleware");
const webpackHotMiddleware = require("webpack-hot-middleware");
const config = require('../../webpack-dev.config');
console.log(JSON.stringify(config));
const compiler = webpack(config);
app.use(webpackDevMiddleware(compiler, {
hot: true,
filename: 'app.js',
publicPath: '/dist/',
stats: {
colors: true,
},
historyApiFallback: true,
}));
app.use(webpackHotMiddleware(compiler, {
log: console.log,
path: '/__webpack_hmr',
heartbeat: 10 * 1000,
}));
}
这是我在运行服务器时看到的错误
添加热服务器中间件
webpack在1564ms内构建了92f9412eb41d32640224
哈希:92f9412eb41d32640224
版本:webpack 2.5.1
时间:1564ms
资产大小块大块名称
app.js?h = 92f9412eb41d32640224 621 kB 0 [emit] [big] main
app.map?h=92f9412eb41d32640224 757 kB 0 [emit] [big] main
chunk {0} app.js?h = 92f9412eb41d32640224,app.map?h = 92f9412eb41d32640224(main)574 kB [entry] [rendered]
[24](webpack)/buildin/module.js 517字节{0} [已建]
[82] ./~/querystring-es3/index.js 127字节{0} [已建]
[100] ./~/strip-ansi/index.js 161字节{0} [已建]
[101] ./lib/ui/index.js 304字节{0} [已 Build ] [失败] [1错误]
[102] ./~/react-hot-loader/patch.js 41个字节{0} [已建]
[103](webpack)-dev-server / client?http://0.0.0.0:5000 3.97 kB {0} [built]
[104](webpack)-hot-middleware / client.js?quiet = true 6.68 kB {0} [built]
[105](webpack)/hot/only-dev-server.js 2.29 kB {0} [built]
[219] ./~/react-hot-loader/lib/patch.js 209字节{0} [已建]
[266] ./~/url/url.js 23.3 kB {0} [built]
[268](webpack)-dev-server / client / socket.js 856字节{0} [已建]
[269](webpack)-hot-middleware / client-overlay.js 1.82 kB {0} [built]
[270](webpack)-hot-middleware / process-update.js 3.88 kB {0} [built]
[272](webpack)/hot/emitter.js 77字节{0} [已建]
[274] multi react-hot-loader / patch webpack-dev-server / client?http://0.0.0.0:5000
webpack / hot / only-dev-server webpack-hot-middleware / client?quiet = true ./lib/ui/index.js 76 bytes {0} [built] 260个隐藏模块ERROR in ./lib/ui/index . JS
模块解析失败:C:\ Users \ jesse \ oui-tools \ lib \ ui \ index.js意外的令牌(23:2)
您可能需要适当的加载程序来处理此文件类型 .
|
| ReactDOM.render(
| <Provider store = {configureStore()}>
| <MuiThemeProvider muiTheme = >
| <路线/>
@ multi react-hot-loader / patch webpack-dev-server / client?http://0.0.0.0:5000
webpack / hot / only-dev-server webpack-hot-middleware / client?quiet = true ./lib/ui/index.js
当我直接运行webpack配置时,它构建没有任何错误 . 求救,请完全卡住 . 我正在使用react-hot-loader的v3 .