npm

node包管理工具，需明白配置文件package.json常用的字段是用来干嘛的。如下仅用为参考说明

  1. {
  2.   "name": "hello_world", // 包名
  3.   "description": "A simplified bare-bones starter for Gatsby", // 描述
  4.   "version": "0.1.0", // 版本
  5.   "main": "main.js", // 入口文件，默认为index.js
  6.   "bin": {
  7.     "webpack": "./bin/webpack.js"
  8.   }, // 若有这个字段，则是个命令行工具，一般不会与main字段共存，说明入口文件就是字段值的内容
  9.   "license": "MIT", // 协议
  10.   "scripts": {
  11.     "build": "gatsby build", // shell命令
  12.     "develop": "gatsby develop",
  13.   }, // 脚本
  14.   "dependencies": { // 依赖
  15.     "@emotion/core": "^10.0.7",
  16.   },
  17.   "repository": { // 仓库
  18.     "type": "git",
  19.     "url": "https://github.com/gatsbyjs/gatsby-starter-hello-world"
  20.   },
  21.   "bugs": { // bug反馈地址
  22.     "url": "https://github.com/gatsbyjs/gatsby/issues"
  23.   }
  24. }

官网文档比较简单，过一遍肯定是会对你有帮助的，主要是用于查阅

珠峰webpack 4.0成神之路

推荐指数：❤❤❤❤❤

babel

推荐直接查看英文的官网文档，中文版官网跟英文版有出入。babel本身配置比较简单，主要依靠plugins和presets，presets其实是一系列plugin的集合，明白这点有助于你理解；

Node、TS、Koa商城全栈开发远程课（全）


推荐指数：❤❤❤❤❤


推荐指数：❤❤❤❤ 教程很长，可以选择性学习