日常关注前端工具

tool instructions

Posted by ZeFeng on November 20, 2018

前端工具

🎉 整理下我平时关注的前端库。

打包工具

• webpack
• rollup
• parcel
• webpack-dev-server
• webpack-dev-middleware
• vue-cli
• create-react-app
• webpack-merge
• webpack-chain

webpack loader 和插件

• hard-source-webpack-plugin
• svgr
• postcss
• autoprefixer
• cssnano
• mini-css-extract-plugin
• webpackbar
• webpack-bundle-analyzer
• uglifyjs-webpack-plugin
• terser-webpack-plugin
• webpack-manifest-plugin
• copy-webpack-plugin
• case-sensitive-paths-webpack-plugin
• css-hot-loader
• duplicate-package-checker-webpack-plugin

包管理

• yarn
• npm

babel

• babel
• babel-plugin-rawest
• babel-plugin-macros
• babel-plugin-dynamic-import-node
• babel-plugin-react-require
• babel-plugin-react-remove-prop-types

测试

• jest
• ts-jest
• enzyme
• jsdom
• puppeteer

框架

• react
• vue
• next.js
• nuxt.js
• gastby
• umi
• choo
• taro

react 相关库

• preact
• inferno
• react-router
• reach-router
• router5
• react-loadable
• ant-design
• material-ui
• react-intl
• react-dnd
• react-helmet

工具类

• history
• whatwg-fetch
• path-to-regexp
• lodash
• fastclick

数据流

• redux
• react-redux
• dva
• rematch
• redux-saga
• redux-persist
• immer
• mobx
• unstated
• rxjs

性能优化

• workbox
• critical

语言

• typescript
• flow
• graphql

文档

• vuepress
• docz

工程

• lerna
• lerna-changelog
• eslint
• eslint-config-airbnb
• prettier
• yeoman-generator
• serve
• np
• lint-staged
• coveralls
• husky
• cross-env

编辑器

• VSCode
• IntelliJ IDEA
• codesandbox
• stackblitz

css

• css modules
• emotion

命令行

• yargs
• yargs-parser
• chalk
• cheerio
• chokidar
• clipboardy
• debug
• deprecate
• glob
• signale
• semver
• update-notifier
• rimraf

请求

• got
• axios
• request
• reqwest

其他

• electron

这里感谢sorryccpro