我正在做一个关于React的教程,我已经基于react创建了一个youtube克隆。现在,我想将其上传到我的域(托管在one.com上),但是由于找不到bundle.js,因此无法正常工作。相当明显,因为该应用程序需要运行“ npm start”。
我一直在搜寻,发现我某种程度上需要通过为webpack编写部署配置来部署应用程序,但是我无法使其正常工作。
我从不了解这一点,我想问:如何将javascript / nodejs / webpack网站部署到服务器?我在正确的轨道上吗?
我的项目基于以下启动器:https://github.com/StephenGrider/ReduxSimpleStarter
编辑:所以我设法通过在cmd中键入以下内容来获取bundle.js文件:
webpack ./src/index.js bundle.js
上载到服务器
现在的问题是,它正在网站的根目录中寻找包和样式。
在运行任何部署脚本之前,请尝试捆绑您的应用程序。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
其中将为生产创建一个配置,为开发创建一个
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句