webpack - 从 webpack-dev-middleware 获取捆绑包

Question

我已经用sails 配置了webpack-dev- middleware。webpackpublicPath中的配置设置为/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 配置文件，名为webpack.dev.js）

如您所见，我只是重用publicPath了 Webpack 配置中的中间件。