Webpack 默认到 /public 目录

Question

我有一个要移植到 Webpack 的 React 应用程序，我可以使用 webpack-dev-server 成功启动它。

不幸的是，我必须导航到 public 目录才能加载应用程序：

localhost:10000/public/

...这会干扰 React 路由器。是否可以将它挂载到 / 而不是？即：

localhost:10000/

输出中的 publicPath 指令似乎对此没有影响。

// webpack.config.js
module.exports = {
  devServer: {
    inline: true,
    port: 10000 // Defaults to 8080
  },
  entry: {
    app: ['./src/app.jsx']
  },
  devtool: 'source-map',
  resolve: {
    extensions: ['', '.js', '.jsx']
  },
  output: {
    path: path.resolve(__dirname, "public/scripts"),
    publicPath: '/scripts/',
    filename: 'bundle.js'
  },
  module: {
    loaders: [
      {
        test: /\.jsx?$/,
        loader: 'babel-loader',
        exclude: /node_modules/,
        query: {
          presets: [
            "es2015",
            "stage-0",
            "react"
          ],
          plugins: [
            "transform-flow-strip-types"
          ]
        }
      }
    ]
  }
};

Answer 1

尝试将 contentBase 设置为 public 文件夹

https://webpack.github.io/docs/configuration.html#devserver

Webpack 默认到 /public 目录

Webpack defaulting to /public directory

reactjs

webpack

webpack-dev-server