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。
我不知道反应脚本正在做什么，根据反应启动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。

我的问题：

如何在babel中设置package.json（-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脚本都在一个名为的文件夹中，脚本和webpack配置位于名为config的文件夹中。

我认为您可以制作任何需要更改的备份副本，然后更改原件。

装饰家与巴贝尔

1 个答案: