1. 准备工作
// 安装create-react-app
npm install -g create-react-app
// 移除
npm uninstall -g create-react-app 或者 yarn global remove create-react-app
// 安装react项目
create-react-app my-app
// 安装parcel
// 初始化文件夹、安装parcel的命令、运行parcel
npm init -y、npm i -g parcel(也要安装npm i -g parcel-bundler)、parcel index.html
// 安装babel插件,将jsx语法转换成js对象(虚拟DOM)
npm i babel-core babel-preset-env babel-plugin-transform-react-jsx --save-dev
// 安装完成后,创建.babelrc
{
"preset": ["env"],
"plugins": [
["transform-react-jsx", {
"prama": "React.createElement"
}]
]
}
// 最后在当前package.json内添加scripts以方便启动项目
"scripts": {
"start": "parcel index.html"
}
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)