create-react-app 2.1.8版本自定义配置

SexySix 发布于2019-08-23 16:52 / 2048人阅读

摘要：在用新建项目后，运行命令，可看到各项配置。按需引入组件文件的配置项中，添加增加装饰器配置文件的配置项中，添加设为，表示使用阶段装饰器语法和行为。原因在中有提到是因为目前只有支持，而目前为止，还只是一个版本。参考自追溯的实现

在用create-react-app新建项目后，运行eject命令，可看到各项配置。

按需引入ant design组件

1.yarn add babel-plugin-import
2.package.json文件的babel配置项中，添加

["import",{"libraryName": "antd","libraryDirectory": "es","style": "css"}]

增加装饰器配置

1.yarn add @babel/plugin-proposal-decorators --dev
2.package.json文件的babel配置项中，添加

["@babel/plugin-proposal-decorators",{"legacy": true}]

legacy设为true，表示使用stage 1阶段装饰器语法和行为。

3.package.json文件的eslintConfig配置项中，添加

"parserOptions": {"ecmaFeatures": {"legacyDecorators": true}}

若没有设置第3步，则decorators的旧写法，即以下写法仍然无法使用。

@decorator
export class Foo {}

原因在Please use export @dec class instead中有提到：是因为目前只有babel-eslint@11支持，而babel-eslint@11目前为止，还只是一个beta版本。

开启HMR

在index.js的底部，增加以下代码if (module.hot) module.hot.accept();。不过，这么简单的配置，无法保持state状态，每次热更新时state状态会被重置。要想state状态能保持，可使用React-Hot-Loader实现。

参考自：
追溯 React Hot Loader 的实现
@babel/plugin-proposal-decorators
Please use export @dec class instead

云服务器 GPU云服务器自定义配置配置自定义头部自定义参数配置自定义handlers配置

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/103421.html

create-react-app 2.1.8版本自定义配置

摘要：在用新建项目后，运行命令，可看到各项配置。按需引入组件文件的配置项中，添加增加装饰器配置文件的配置项中，添加设为，表示使用阶段装饰器语法和行为。原因在中有提到是因为目前只有支持，而目前为止，还只是一个版本。参考自追溯的实现在用create-react-app新建项目后，运行eject命令，可看到各项配置。按需引入ant design组件 1.yarn add babel-plugi...

刘玉平 2019-08-02 16:12 评论0 收藏0
create-react-app 2.1.8版本自定义配置

摘要：在用新建项目后，运行命令，可看到各项配置。按需引入组件文件的配置项中，添加增加装饰器配置文件的配置项中，添加设为，表示使用阶段装饰器语法和行为。原因在中有提到是因为目前只有支持，而目前为止，还只是一个版本。参考自追溯的实现在用create-react-app新建项目后，运行eject命令，可看到各项配置。按需引入ant design组件 1.yarn add babel-plugi...

leone 2019-08-29 18:36 评论0 收藏0
深度解析`create-react-app`源码

摘要：这个选项看意思就知道了，默认使用来安装，运行，如果你没有使用，你可能就需要这个配置了，指定使用。 2018-06-13 更新。昨天突然好奇在Google上搜了一波关于create-react-app 源码的关键词，发现掘金出现好几篇仿文，就连我开头前沿瞎几把啰嗦的话都抄，我还能说什么是吧？以后博客还是首发在Github上，地址戳这里戳这里！！转载求你们注明出处、改编求你们贴一下参考链...

waruqi 2019-08-22 13:59 评论0 收藏0
【全栈React】第12天: 创建React应用

摘要：本文转载自众成翻译译者链接原文今天，我们将添加一个构建过程来存储常见的构建操作，以便我们可以轻松地开发和部署我们的应用。在要创建应用的目录中打开终端窗口。文件有一个的节点，这个应用本身将被自动挂载这是在文件中处理的。本文转载自：众成翻译译者：iOSDevLog链接：http://www.zcfy.cc/article/3822原文：https://www.fullstackreact...

solocoder 2019-08-20 18:33 评论0 收藏0