npx create-react-app my-app+webpack打包运行项目

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了npx create-react-app my-app+webpack打包运行项目，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1196字，纯文字阅读大概需要2分钟。

内容图文

• 通过npx create-react-app my-app生成项目my-app，并通过cd定位到该项目下

 

• cd到项目目录下,执行如下代码,这个是安装到系统下得，供往后可以以webpack命令打包

cd my-app

npm i webpack webpack-cli -g

报错：-bash: cnpm: command not found

安装cnpm

npm install cnpm -g --registry=https://registry.npm.taobao.org

报错

原因: 执行命令行命令时没有获得管理员权限
解决方案：在命令行前面添加sudo获取管理员权限，输入管理员密码就行
原因: 执行命令行命令时没有获得管理员权限
例如原来的是:  npm install cnpm -g --registry=https://registry.npm.taobao.org
应该该为：sudo npm install cnpm -g --registry=https://registry.npm.taobao.org   再输入密码就行

• cd到项目目录下,直接安装即可,这个是安装到系统下得，供往后可以以webpack命令打包

cnpm i webpack webpack-cli -g
或者
sudo cnpm i webpack webpack-cli -g

• 这个是安装到项目依赖里面去,也就是在node_mudule里面

npm i --save-dev webpack webpack-dev-server webpack-cli

• 安装必要的依赖

npm i --save-dev babel-core babel-loader @babel/preset-env @babel/preset-react html-webpack-plugin

• package.json

检查package里面的devDependencies

 

调整package里面的scripts为如下代码

"scripts": {
    "start": "webpack-dev-server --mode development --open --hot",
    "buile": "webpack --mode production"
  },

 

 

 

 

 

内容总结

以上是互联网集市为您收集整理的npx create-react-app my-app+webpack打包运行项目全部内容，希望文章能够帮你解决npx create-react-app my-app+webpack打包运行项目所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---