模块化

AMD/CMD/UMD/ES Module

Webpack

HTML

• plugin
  • html-webpack-plugin
  • html-minifier

CSS

• loader
  • sass-loader
  • less-loader
  • stylus-loader
  • postcss-loader
  • css-loader
  • style-loader
• plugin
  • mini-css-extract-plugin
  • optimize-css-assets-webpack-plugin
  • cssnano

js

• loader
  • babel-loader

other

• webpack-merge
• copy-webpack-plugin
• glob
• yargs
• scripty
• cross-env

Gulp

• gulp官网 (opens new window)
• babel转译代码
  • gulp-babel (opens new window)
  • @babel/plugin-transform-modules-commonjs (opens new window)
• development开发环境
  • gulp-watch (opens new window)
• production生产环境优化代码
  • gulp-rollup (opens new window)
  • @rollup/plugin-replace (opens new window)