node.js - 使用 React 进行 Webpack 配置

Question

我正在创建一个 React 应用程序，我使用了 npm pop，这样我就可以访问 Webpack 配置。我想更改 Assets 的路径，以便它们没有前导斜杠。这是因为当我运行应用程序时，我将文件复制到 Ratpack 服务器，因此当路径为/assets/js/main.js 时，它指向我的路线而不是我的 Assets 文件夹。

所以我当前的 webpack 配置是

  output: {
    // The build folder.
    path: paths.appBuild,
    // Generated JS file names (with nested folders).
    // There will be one main bundle, and one file per asynchronous chunk.
    // We don't currently advertise code splitting but Webpack supports it.
    filename: 'assets/static/js/[name].[chunkhash:8].js',
    chunkFilename: 'assets/static/js/[name].[chunkhash:8].chunk.js',
    // We inferred the "public path" (such as / or /my-project) from homepage.
    publicPath: publicPath
  },

但是它总是添加在前导斜杠上。

像这样

<script type="text/javascript" src="/assets/static/js/main.4d5cbecd.js">

有没有办法让它像这样构建

<script type="text/javascript" src="assets/static/js/main.4d5cbecd.js">

Answer 1

假设您正在讨论 create-react-app 的配置，您可以删除行 publicPath: publicPath，它将生成不带前导斜杠的配置。

但是，我认为您的服务器也应该在特别请求时提供文件，而不是重定向到索引页面。如果真是这样的话。

另一个建议是对于生产，使用生产构建而不是开发构建。