资讯专栏INFORMATION COLUMN

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

leone / 2314人阅读

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

在用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

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

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

相关文章

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

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

    刘玉平 评论0 收藏0
  • create-react-app 2.1.8版本定义配置

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

    SexySix 评论0 收藏0
  • create-react-app 2.1.8版本定义配置

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

    Panda 评论0 收藏0
  • 深度解析`create-react-app`源码

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

    waruqi 评论0 收藏0
  • 【全栈React】第12天: 创建React应用

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

    solocoder 评论0 收藏0

发表评论

0条评论

leone

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<