前端工程化工具

前端项目逐渐复杂

  • 基础工具: vscode git npm
  • 语法检查/代码格式化: editorconfig eslint prettier
  • 项目构建: webpack/gulp postcss babel
  • 数据服务: mock

webpack

了解更多

Rollup

了解更多

Vite

了解更多

Gulp

了解更多

babel

了解更多

eslint

了解更多

prettier

了解更多

脚本

  • npm run webpack:webpack 打包
  • npm run analyze: webpack 分析工具
  • npm run dev:development 模式打包
  • npm run dev-server:webpack-dev-server 启动
  • npm run build:production 模式打包
  • npm run babel:编译 es6
  • npm run lint: 语法检查
  • npm run fix: 语法检查并 fix
  • npm run prettier:使用 prettier 格式化