reactjs - npm run-script build(生产构建)命令,在React JS浏览器中显示源代码

标签 reactjs redux

我是 React JS 开发新手,我使用 npm create-react-app 命令创建了我的 React 应用程序。当我完成开发并使用 npm run script 构建应用程序代码时,这创建了一个新的构建文件夹,然后将其部署到我的服务器上。

这里的问题如下:部署后,如果我在 Chrome 中打开我的网站并运行开发人员工具,我可以看到我的所有源代码,而不是 Chrome 中的缩小代码,请参见下图:enter image description here .

最佳答案

React 是一个可以简化网站用户界面开发的库。它是用 JavaScript 编写的,默认情况下 JavaScript 在客户端运行。即在您的浏览器中。默认情况下,可以在浏览器上查看在客户端执行的代码。。无论您选择哪种客户端框架,无论是 React、Backbone 等,这都是正确的...如果您不希望其他人在浏览器中看到您的代码,我会考虑开发您的 UI带有服务器端模板引擎。话虽如此,如果这是您最关心的问题,您可以混淆您的 JavaScript,这样其他人就很难看到您在做什么。这是 JavaScript Obfuscation tool 的链接你可以利用。

希望有帮助!

关于reactjs - npm run-script build(生产构建)命令,在React JS浏览器中显示源代码,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54478667/

相关文章:

javascript - 意外的 token 导入 - react

reactjs - 在react(flux)固定数据表的每一行添加按钮

reactjs - 更新Reducer React Redux 中的嵌套状态

android - flutter : How to Debug which widgets re-rendered on state change

angular - ngrx 仅在存储为空时从服务器加载数据

reactjs - 开 Jest 中的模拟功能组件抛出 "Invalid variable access"错误

ios - React Native - 设备上未加载 Webview 文件

javascript - 如何通过提供对象键数组来动态修改对象值?

javascript - 如何在使用 React 提交表单后重定向用户

reactjs - React Redux - 为什么我不能轻松地从 this.props 设置初始值?