2016-12-28 73 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

我真誠的道歉。如果我找到其他東西,我會回覆 –