Package Managers & Build Tools

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”代码

  1. npm install -D parcel-bundler
  2. 修改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