使用套件搭建
基本不用了。
手动引入几个库。
使用 create-react-app构建react开发环境
脚手架 搭建,一行命令即可。(第一次构建事件较长)
(1)安装webpack-react-app
npm install -g create-react-app
(2)使用该命令创建项目目录
create-react-app my-app
注:不能包含大写字母
(3)切换到项目目录
cd my-app
(4)运行项目
npm start
运行后自动打开浏览器,默认运行在3000端口
手动搭建
(1)首先搭建webpack环境
此处不再列出。,大家自行查阅。
(2)安装项目依赖
【1】安装loader
$ cnpm install @babel/preset-react babel-loader @babel/core @babel/preset-env -D
【2】安装react相关模块
cnpm install react react-dom -D
【3】手动配置webpack.config.js文件
module: {
rules: [
{
test: /\.m?js$/,
exclude: /node_modules|bower_components/,
use: {
loader: 'babel-loader',
options: {
presets: ['@babel/preset-env', '@babel/react']
}
}
}
]
}