Package Managers & Build Tools
-
Babel
可以转化成浏览器支持的JavaScript代码
-
Browserify
将js文件自动化打包进一个单独的文件
-
Webpack/parcel
web应用打包工具,将各种资源文件打包
-
Npm/yarn
包管理工具
-
Npm/scripts
定义并运行任务的工具
包管理器
- npm & yarn(安装包时可以使用本地缓存,速度快一点)
通过npm和parcel创建一个基于React工程的脚手架
npx create-react-app my-app
cd my-app
npm start
-
添加prettier,能够format “html,js,css,md”代码
npm install -D parcel-bundler
- 修改npm scripts
npm install prettier
-
添加babel,能够支持React转换
npm install @babel/core @babel/cli @babel/preset-env touch babel.config.js (之后在idea内配置)
module.exports ={ presets: ["@babel/preset-env"] };
-
通过Parcel启动React工程
-
添加Sass支持
npm install sass