部署与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反应的应用程序

回答

相关问题