如何使用羽毛/快递使用webpack-dev-middleware？
我试图从reactjs前端启动一个feathersjs应用程序。 使用webpack-dev-middleware和webpack-hot-middleware ，我应该能够在开发过程中简单地扩展羽毛应用和所有这些webpack的东西。 唯一的问题是，当我从webpack中获取js文件时，总是会得到一个羽毛404页面。
当然，这是我的目录结构：
/feathers/public/index.html /feathers/src/app.js /react/src/index.js /react/webpack.config.js /react/develop.js
/feathers/src/app.js是默认的羽毛应用程序，从公用文件夹提供静态文件。
.use('/', serveStatic( app.get('public') ))
在/react/develop.js ，我需要羽毛应用程序并使用webpack中间件进行扩展。
const app = require('../feathers/src/app'); const config = require('./webpack.config'); const path = require('path'); const webpack = require('webpack'); var compiler = webpack(config); app.use(require('webpack-dev-middleware')(compiler, { publicPath: '/', stats: {colors: true}, })); app.use(require('webpack-hot-middleware')(compiler)); const port = app.get('port'); const server = app.listen(port); server.on('listening', () => console.log(`Feathers application started on ${app.get('host')}:${port}`) );
可悲的是，这根本不起作用。 作为参考，这里是我的/react/webpack.config.js
var webpack = require("webpack") module.exports = { devtool: 'source-map', entry: [ 'webpack-hot-middleware/client', 'src/index.js' ], output: { path: '/', filename: "bundle.js", }, module: { loaders: [ { test: /\.js$/, loader: "babel", exclude: /node_modules/, query: { presets: ['es2015', 'react', 'stage-0'] } }, { test: /\.(svg|png|jpe?g|gif|ttf|woff2?|eot)$/, loader: 'url?limit=8182' }, ] }, resolve: { root: [ __dirname, __dirname + '/src', ] }, plugins: [ new webpack.HotModuleReplacementPlugin(), new webpack.NoErrorsPlugin(), ] }
和/feathers/public/index.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>React App</title> </head> <body> <div id="root"></div> <script src="bundle.js"></script> </body> </html>
我已经尝试了与publicPath的东西搞乱，但没有运气。 任何想法如何得到这个工作？ 我花了2个小时在这个坚实的，没有得到的地方。 这里是我正在与更多的上下文回购的回购的链接 。
我从存储库中看到，通过在适当位置包含webpack dev / hot中间件，您可以在feathers / src / middleware / index.js中使用它们，在Feathers的notFound中间件返回404之前使用它们。 中间件命令问题！
为了这个目的导出一个函数就像在react / middleware.js中做的一样，这个问题是一个干净的解决scheme，因为它隔离了从后端本身设置webpack中间件的问题（所有的webpack东西都停留在前端）。
希望这可以帮助其他人！