为 React 项目生成 RPM 文件

Question

我想为我的 React 项目生成/创建一个 RPM 文件。基本上react-scripts build 的输出将创建一个build folder，其中包含我可以直接部署到Web 服务器中的所有资产。 我想将整个构建文件夹捆绑到一个 RPM 文件中。目的是为我的应用程序部署直接提供 rpm 而不是移交构建文件夹。

Answer 1

如果apokryfos 提到的解决方案不起作用，您可以检查一下。 虽然您可以弹出然后使其工作，但这是另一个无需弹出的解决方案，只需在项目的根目录中创建一个 webpack.config.js 文件：

const path = require("path")
const UglifyJsPlugin = require("uglifyjs-webpack-plugin")
const glob = require("glob")

module.exports = {
  entry: {
    "bundle.js": glob.sync("build/static/?(js|css)/main.*.?(js|css)").map(f => path.resolve(__dirname, f)),
  },
  output: {
    filename: "build/static/js/bundle.min.js",
  },
  module: {
    rules: [
      {
        test: /\.css$/,
        use: ["style-loader", "css-loader"],
      },
    ],
  },
  plugins: [new UglifyJsPlugin()],
}

把 package.json 改成这样：

...
    "build": "npm run build:react && npm run build:bundle", 
    "build:react": "react-scripts build", 
    "build:bundle": "webpack --config webpack.config.js", 
...