从webpack-dev-middleware获取捆绑包

Question

我已经使用 sails 配置了webpack-dev-middleware。 webpack配置中的publicPath设置为/static/。 Webpack构建bundle.js时没有错误，但localhost:3000/static/bundle.js无法使用它。

如何注射束？我需要为帆做些什么具体的事情吗？

Answer 1

您需要在两个位置定义publicPath：Webpack配置，还有webpack-dev-middleware选项。

例如，这是我使用的（在Express上，所以不完全确定它是否与Sails完全相同）：

const webpackDevMiddleware = require('webpack-dev-middleware');
const webpackConfig        = require('./webpack.dev');
const compiler             = require('webpack')(webpackConfig);

app.use(webpackDevMiddleware(compiler, {
  noInfo     : true,
  publicPath : webpackConfig.output.publicPath
}));

（我有一个名为webpack.dev.js的单独的Webpack配置文件）

如您所见，我只是重复使用Webpack配置中的publicPath作为中间件。