Reactjs 用巴贝尔做装饰

我有一个由

create react app

创建的标准启动应用程序
我想避免导入和加载数百个模块，我甚至不知道它们是做什么的
所以我从一个几乎空白的

包开始。json

：

"dependencies": {
"react": "^15.4.1",
"react-dom": "^15.4.1",
"react-redux": "^5.0.1",
"redux": "^3.6.0",
"redux-logger": "^2.7.4",
"redux-promise-middleware": "^4.2.0",
"redux-thunk": "^2.1.0"
},
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test --env=jsdom",
"eject": "react-scripts eject"
},
"devDependencies":
{},

有了Redux，我就需要

babel插件转换器了

。到目前为止，我只通过控制台启动我的应用程序：

npm start

，它正在执行

react scripts start

我不知道react脚本在做什么，根据react，它启动一个网页包服务器并将es6编译成es5。
我去了babel页面，找到了以下描述：

npm install --dev babel-plugin-transform-decorators

并创建一个如下所示的

.babelrc.json

文件：

{
  "plugins": ["transform-decorators"]
}

我从npm start开始，正如我所料。。。什么都没发生

@connect

装饰程序仍不工作。
我没有

webpack.json

，因为这是由createreact应用程序管理的。我只有

包.json

我的问题：

如何在

package.json

中设置

babel

（-transform）。 我需要所有的步骤，因为我现在只有上面的

包.json

，包括以下内容：

devDependencies:{
"babel-core": "^6.21.0",
"babel-loader": "^6.2.10",
"babel-plugin-transform-decorators": "^6.13.0",
"react-scripts": "0.8.4",
"webpack": "^1.14.0"
}

---

不知道如何继续执行此操作。

好的，因此查看文件夹结构，react脚本是node modules文件夹中的一个子文件夹

所有npm脚本都位于名为的文件夹中，脚本和网页包配置都位于名为config的文件夹中

---

我想你可以对需要更改的内容进行备份，然后更改原件。

我对这个create react应用程序很好奇。我将对此进行研究，看看是否可以为您提供帮助。config文件夹中没有涉及webpack.config.dev.js。也没有触及.babelrc.json。我还不知道如何链接这些文件。我希望回到C++或java…唉，我真诚的道歉。如果我还发现了什么，我会回复的