2016-12-28 50 views
0

我具有由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": 
{}, 

随着终极版在我这个地步,我需要的babel-plugin-transformer。到目前为止,我只能通过控制台启动我的应用程序:npm start,它正在执行react-scripts start
我不知道该怎么反应脚本是干什么的,根据反应它启动的WebPack服务器和编译器ES6到ES5。
我去通天页面,发现一个描述:

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

,并创建一个.babelrc.json文件看起来像这样:

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

我开始npm start并如我所料...什么都没有发生了......
装饰者@connect仍然无法正常工作。
我没有webpack.json,因为这是建立反应的应用程序内进行管理。我所有的是package.json

我的问题:

如何设置babelpackage.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" 
} 

不知道如何用这个去。

+0

我很好奇这个create-react-app。我将查看此信息以查看我是否可以帮助您 –

回答

0

确定这样环视文件夹结构,反应的脚本是在节点的模块文件夹的子文件夹。

所有NPM脚本是一个命名的文件夹中,恰如其分,脚本和的WebPack CONFIGS是在一个文件夹名为config。

,我觉得你可以做的一切你需要改变再改变原件的备份副本。

+0

webpack.config.dev.js在config文件夹中未被触及。 .babelrc.json也没有被触及。我进一步不知道如何链接文件。这是我希望我回到C++或java的地方...... *叹气。 – marcel

+0

我真诚的道歉。如果我找到其他东西,我会回复 –