当前位置: 首页 > 面试题库 >

create-react-app何时混淆或缩小代码?

阎安邦
2023-03-14
问题内容

我有一个关于webpack的基本问题,可以做出反应(可以在代码混淆/丑化周围)使用帮助。

我正在create-react-app为我的应用程序使用它,它似乎为生产创建了捆绑的版本(运行之后yarn build)。

在该文件中,似乎所有内容都放入了main.JS文件和main.CSS文件等中,我使用“ firebase
deploy”(在我的情况下)进行了实时推送。我希望我的代码被丑化,并且那里的任何开发人员都不能完全阅读。

但是,当我在Chrome浏览器中查看我的应用程序时,它没有显示main.JS或任何其他捆绑软件文件。它仅显示每个单独的文件以及我编写的代码。知道为什么会这样吗?为什么未在Chrome的“来源”标签下显示丑陋的main.js合并文件?这与源地图有关吗?


问题答案:

有一种更好的方法来确保不包含源映射。在项目根文件夹中创建.env文件,然后添加GENERATE_SOURCEMAP=false。您将获得没有源地图的构建



 类似资料:
  • Create React App 不用配置就可以创建 React App。 全局安装: npm install -g create-react-app 创建 App: create-react-app my-appcd my-app/ 启动 npm: npm start 打开 http://localhost:3000/  查看你的 App。 如果你准备将其部署到生产环境,只需创建一个压缩包,并且运行 npm run build。

  • 我想知道是否有人知道如何在“创建-反应-应用”环境中使用https。我在自述文件或快速搜索中找不到任何相关信息。我只希望https://localhost:3000能够工作,或者https://localhost:3001能够工作。

  • Create React Native App The fastest way to create universal React Native apps npx create-react-native-app Once you're up and running with Create React Native App, visit this tutorial for more informat

  • 创建响应应用时,图像中出现错误。它一直在正常工作,我所做的就是mkdir和cd到那个dir。 这就是错误的样子... NPX:在36.634s中安装了99必须使用导入来加载ES模块: C:\用户\Neeraj\AppData\漫游\npm-cache_npx\5172\node_modules\create-react-app\node_modules\is-promise\index.js不支持

  • 本文向大家介绍android app进行代码混淆实例详解,包括了android app进行代码混淆实例详解的使用技巧和注意事项,需要的朋友参考一下 接到一个新的任务,对现有项目进行代码混淆。之前对混淆有过一些了解,但是不够详细和完整,知道有些东西混淆起来还是比较棘手的。不过幸好目前的项目不是太复杂(针对混淆这块来说),提前完成~~现总结之。  第一部分 介绍下操作流程(eclipse): 1、打开

  • 以下是手动代码拆分前的相关代码: 以下是代码拆分后的代码: 我也在这里尝试了教程:https://serverless-stack.com/chapters/code-splitting-in-create-react-app.html 这似乎和react loadable所做的是一样的。 我正在使用webpack v4和弹出的create react应用程序以及以下babel软件包/插件: “@