部署與webpack反應的應用程序

我正在做一個關於React的教程，我已經根據反應做出了一個YouTube的克隆。現在我想將其上傳到我的域名（在one.com上託管），但它不起作用，因爲無法找到bundle.js。很明顯，因爲應用程序需要運行「npm start」。部署與webpack反應的應用程序

我一直在谷歌搜索，發現我以某種方式需要通過編寫webpack的部署配置來部署應用程序，但我無法讓它工作。

我從來沒有明白這一點，我想問：我如何部署一個JavaScript/nodejs/webpack網站到服務器？我在正確的軌道上嗎？

我的項目是在此基礎上首發：https://github.com/StephenGrider/ReduxSimpleStarter

UPDATE 所以我設法只是在cmd中輸入獲得bundle.js文件

webpack ./src/index.js bundle.js

上傳到服務器

現在的問題是，它正在網站的根目錄中尋找包和樣式。

我主持的網站here，請檢查控制檯日誌

來源

2016-06-07 Robin Claes

您是否在部署之前捆綁了您的webpack？例如：''部署「：」webpack - 配置webpack.config.production.js && [部署腳本在這裏]「 – corvid

或者就此而言，只是從命令行的'webpack'？那就吐出一個bundle.js文件 – azium

我更新了我的文章。你能否看到，如果你知道我做錯了什麼？ –

嘗試運行任何部署腳本之前捆綁您的應用程序。一個可能的package.json有這樣的腳本：

{ 
    "name": "youtube-clone", 
    "scripts": { 
    "package": "webpack --config webpack.config.production.js --progress --colors", 
    "deploy": "npm run package && [your deployment script]" 
    } 
}

，那麼你將有一個文件結構是這樣的：

. 
├── src/ 
├── .gitignore <= make sure your build files are ignored on source 
├── package.json 
├── webpack.config.development.js 
└── webpack.config.production.js

如果你的configs的人會爲生產創造一個用於開發

來源

2016-06-07 14:53:14 corvid

我已更新我的帖子。你能否看到，如果你知道我做錯了什麼？ –

我是一個新的蜜蜂來反應。你爲這個「部署」解釋了一下：「npm run package && [你的部署腳本]」？ – neelima

部署與webpack反應的應用程序

回答

相關問題