使用Webpack部署React App

罗宾·克莱斯

我正在做一个关于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] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何在不使用create-react-app且仅使用我自己的Webpack的情况下设置package.json进行部署?

使用create-react-app在azure上进行部署

使用Azure管道部署create-react-app

使用Netlify URL部署的React Redux App问题

使用Git部署Laravel React App的正确方法是什么?

使用create-react-app的Heroku部署问题

无法使用令牌部署 create-react-app

部署create-react-app

使用Storybook创建React App创建Webpack问题

使用 create-react-app 自定义 webpack 插件

使用create-react-app部署github页面时的React-router问题

在Nginx上部署Create-React-App

如何正确创建和部署React App?

部署的React App不返回内容

将React-Native App部署到App Store的指南

在Google App Engine上部署create-react-app

在AWS BeanStalk中使用Spring Boot REST API部署React App

使用gh-pages在github上部署create-react-app时出现问题

如何使用自定义后端API将'create-react-app'部署到Heroku

部署在子目录中的Create React App如何与url参数一起使用?

使用Auth0身份验证部署React App进行网络化

无法使用 gh-pages 部署 React App。“远程 url 不匹配。”

在app.jsx中未定义<。使用react.js,React Router和Webpack

如何使用Teamcity部署Angular 4 App?

代码已部署,但页面为空白 - 在 nginx 和 github 页面上部署使用 create react app 创建的 react 应用程序

使用create-react-app和webpack发出CORS API请求-无快递

在开发环境中使用 create-react-app 使 Webpack DevServer 写入磁盘

如何使用webpack-dev-server设置create-react-app

性能未定义-使用webpack-dev-server运行react app