【问题标题】:Create react app different public/index.html for production/dev为生产/开发创建不同的反应应用程序 public/index.html
【发布时间】:2019-08-01 02:15:39
【问题描述】:

我正在开发一个 react 应用程序和一个 js 项目。所以基本上有两件事在同一个网站上。现在我想在生产中缩小纯 js 代码。我的第一种方法是连接所有 js 文件,通过压缩器库运行它们,并将压缩的 js 库包含到 index.html。但是,我只希望在生产中使用它,所以我的问题是,是否可以根据开发或生产有 2 个具有不同包含的 public/index.html?还是有其他方法可以解决这个问题?

【问题讨论】:

    标签: javascript reactjs create-react-app


    【解决方案1】:

    好吧,如果我是你,我会在 package.json 文件上创建几个任务,比如“prod”和“dev”,我不知道是否你使用的是普通的 Webpack 或 create-react-app cli,在我使用 Webpack 的情况下,我在开发时提供普通文件,并生成一个包含所有用于生产的最小化文件的 dist 文件夹。

    类似这样的:

     "scripts": {
       "prod": "./node_modules/.bin/webpack -p --mode production",
       "dev": "./node_modules/.bin/webpack-dev-server --config ./webpack.config.js --mode development",
    },
    

    所以这里要学习的主要内容是,您不需要维护两个 index.html 文件,而是为您创建处理 dev 和 prod 模式的任务。

    【讨论】:

    • 问题是我使用 createReactApp。不弹出可以做到吗?
    • @Alexus 你可以在 npm 上使用react-app-rewired 自定义 webpack 配置。
    猜你喜欢
    • 2021-05-22
    • 1970-01-01
    • 1970-01-01
    • 2021-10-04
    • 1970-01-01
    • 2018-11-02
    • 1970-01-01
    • 2012-08-01
    • 1970-01-01
    相关资源
    最近更新 更多