赶路人儿

官网文档地址：https://www.html.cn/create-react-app/docs/adding-custom-environment-variables/在实际开发中，前端er会面对多个环境的接口：开发环境、测试环境、生产环境...这些环境最终要的区别是API的URL不同，所以代码中不能将URL写死，而是要根据不同的环境配置。注：create-react-app或者 umi这样的脚手架初始化的项目，会将webpack的配置黑盒化了，如何在不执行 eject 操作的前提下优雅地配置多个

最近在一个web前端开发的项目中，遇到了这样一个需求：项目本身使用react搭建，用antd来完成各种组件的展示，有一个需求，是要将另外一个项目中的部分页面功能加进来，另外的一个项目使用的是bootstrap+ajax库写的纯html页面。最直接的方法，将这些要加进来的页面功能使用react组件重写一遍，加到项目中，但是这样做成本非常高。于是想有没有方法，将这些html页面直接以连接的方式嵌入到现有react组件中展示。google了一下，可以通过ifram来完成。现有的react项目使用的是【上中

所谓响应式，就是页面在不刷新的情况下，拖到不同尺寸的显示器上，或者鼠标放大、缩小浏览器时（当浏览器窗口尺寸发生变化时），页面中的内容会自动适配窗体大小。目前很多js库都具有响应式功能，例如：bootstrap下的各种库。在html页面中，我们可以通过监听window的resize事件来完成各个组件的大小设置。同样，react组件代码中，我们也可以通过同样的方式来实现，例如：export default class HtmlPage extends Component { handl

使用create-react-app脚手架搭建了一个react项目，在项目中拷贝了其他项目中的一些组件代码，在编译时报如下错误：Cannot assign to read only property 'exports' of object '#<Object>'google以下两个地方找到了答案：github的issue：https://github.com/webpack/webpack/issues/4039stackoverflow：https://stackoverfl

需求: 一个代码编辑器，能够补全特定内容，且输入过的内容不可以再在补全内容中出现。1.下载这个很多其他博客有，略过不谈。2.引入import AceEditor from 'react-ace';import "brace/mode/json";import "brace/theme/monokai";import 'brace/ext/language_tools';第一个是必定要引入的，第二个是引入的 编辑器模式，这个可以选的很多，第三个引入的是编辑器主题，第四个引入的是代.