Развертывание приложения-ответа с помощью webpack

Question

Я занимаюсь учебным пособием по React, и я создал клон youtube на основе реакции. Теперь я хотел загрузить его в свой домен (размещен на сайте one.com), но он не работает, потому что bundle.js не может быть найден. Скорее очевидно, так как приложение требует запустить «npm start».

Я искал Google и обнаружил, что мне как-то нужно развернуть приложение, написав конфигурацию развертывания для webpack, но я не могу заставить ее работать.

Я никогда не понимал этого, и я хотел бы спросить: как я могу разместить веб-сайт javascript/nodejs/webpack на сервере? Я на правильном пути?

Мой проект основан на этом стартер: https://github.com/StephenGrider/ReduxSimpleStarter

UPDATE Так мне удалось получить файл bundle.js, просто набрав в ЦМД

webpack ./src/index.js bundle.js 

Загрузил что на сервере

Теперь проблема в том, что он ищет пучок и стиль в корне сайта.

Я принимал сайт here, пожалуйста, проверьте лог консоли

Answer 1

TRY пакетирования приложения перед запуском любого сценария развертывания. 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 

Где один из ваших конфигов будет создан для производства и один для развития