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

• 通过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"
  },