修改create-react-app

时间:2017-01-18 08:16:16

标签: reactjs configuration webpack babeljs

我想修改Dan Abramov的create-react-app的现有webpack.config.js文件 - 我想添加一个额外的加载器'react-html-attrs',以便我可以按原样使用类标记而不更改它to camel-case className

所以这就是我所做的: 1.我去了这个babel插件的官方github doc - https://github.com/insin/babel-plugin-react-html-attrs,它说如果你使用babel-6安装npm包: npm install --save-dev babel-plugin-react-html-attrs

然后在我的一个组件j中我返回了一个包含类而不是classname的jsx - 但我仍然收到此错误消息。

如何在create react app的webpack配置中添加自定义babel加载器?

还要编辑哪一个 - 目录中有4个这样的文件??

2 个答案:

答案 0 :(得分:4)

不幸的是,除非convert to a custom setup,否则无法添加新的babel插件。

通过运行npm run eject,您可以根据自己的喜好修改Babel和webpack配置,并具有其中包含的所有(dis)优势。

答案 1 :(得分:1)

输入您的项目目录并运行

npm run eject

这会将所有配置文件(包括webpack.config.js)提取出来供您编辑,并保存到名为“ config”的文件夹中。输入config/webpack.config.js,找到“ return”语句,内部有一个“ resolve”配置选项。将以下内容添加到该对象:

symlinks: false