我用babel和webpack做了一个react项目。在使用Babel转译了main.jsx(我的jsx文件名)之后,我使用命令'npx webpack'我得到了main.js文件以及输出,但是当我在github上传main.js,index.html和style.css时,页面无法工作。请告诉我我需要执行的步骤,以及Webpack生产是否会解决这个问题?
avwztpqn1#
要构建产品,你需要在你的项目文件夹中运行这个命令npm run build,这将创建一个名为“dist”的新文件夹,其中包含所有的产品代码。你可以查看react文档了解更多关于这一步的信息,https://create-react-app.dev/docs/production-build/然后,上传到GitHub你可以按照以下步骤How to upload a project to GitHub请记住,上载文件必须与dist文件夹中的文件位于同一结构树中,例如:如果是这样:
npm run build
dist/index.html dist/assets/index.css dist/assets/index.js
字符串你不能将它上传到GitHub(如果你不使用Git手动上传),如下所示:
index.html index.css index.js
型你必须保持树结构在dist文件夹.
1条答案
按热度按时间avwztpqn1#
要构建产品,你需要在你的项目文件夹中运行这个命令
npm run build
,这将创建一个名为“dist”的新文件夹,其中包含所有的产品代码。你可以查看react文档了解更多关于这一步的信息,https://create-react-app.dev/docs/production-build/然后,上传到GitHub你可以按照以下步骤How to upload a project to GitHub请记住,上载文件必须与dist文件夹中的文件位于同一结构树中,例如:如果是这样:
字符串
你不能将它上传到GitHub(如果你不使用Git手动上传),如下所示:
型
你必须保持树结构在dist文件夹.