用 babel 反应装饰器

Question

我有一个由create-react-app 创建的标准启动应用程序。
我想避免导入和加载数百个我什至不知道它们做什么的模块。
所以我从一个几乎空白的package.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-plugin-transformer 的地步。到目前为止，我只通过控制台启动我的应用程序：npm start，它正在执行react-scripts start。
我不知道 react-script 在做什么，根据 react 它启动一个 webpack-server 并将 es6 编译成 es5。
我去了babel页面，找到了一个描述：

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

并创建一个如下所示的.babelrc.json 文件：

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

我从npm start 开始，正如我所料......什么也没发生......
@connect 装饰器仍然无法正常工作。
我没有webpack.json，因为这是由 create-react-app 管理的。我只有package.json。

我的问题：

如何在package.json 中设置babel (-transform)。 我需要所有步骤，因为我现在只有上面的package.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"
}

不知道该怎么做。

Answer 1

好吧，看看文件夹结构，react-scripts 是 node-modules 文件夹中的一个子文件夹。

所有的 npm 脚本都在一个名为 scripts 的文件夹中，而 webpack 配置在一个名为 config 的文件夹中。

我认为您可以对需要更改的任何内容进行备份，然后更改原件。