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

leone 发布于2019-08-29 18:36 / 2437人阅读

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

在用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/114442.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...

SexySix 2019-08-23 16:52 评论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