目錄
構建工具
- bower: 依賴管理
- brew: OSX包管理工具
- browser-sync: 同步測試
- cnpm: 依賴管理
- deno: JS引擎(Node代替品)
- fis3: 專案構建
- git: 分散式版本控制系統
- grunt: 專案構建
- gulp: 專案構建
- gulp-cli: Gulp依賴
- n: Node版本管理
- node: JS引擎
- npm: 依賴管理
- nrm: NPM映象管理
- nvm: Node版本管理
- parcel: 專案構建
- require: AMD專案構建
- rollup: 專案構建
- sea: CMD專案構建
- webpack: 專案構建
- webpack-cli: Webpack依賴
- yarn: 依賴管理
- yeoman: 專案構建
Webpack轉換器
- babel-loader: JS轉換器
- css-loader: CSS轉換器
- eslint-loader: JS校驗轉換器
- fast-css-loader: CSS轉換器
- fast-sass-loader: Sass轉換器
- file-loader: 檔案轉換器
- handlebars-loader: Handlebars轉換器
- html-loader: HTML轉換器
- image-loader: 影象壓縮轉換器
- less-loader: Less轉換器
- postcss-loader: Postcss轉換器
- raw-loader: 文字轉換器
- sass-loader: Sass轉換器
- style-loader: Style轉換器
- ts-loader: TS轉換器
- tslint-loader: TS校驗轉換器
- url-loader: URL轉換器
Webpack外掛
- add-asset-html-webpack-plugin: 靜態檔案插入
- clean-webpack-plugin: 目錄清空
- compression-webpack-plugin: Gzip壓縮
- copy-webpack-plugin: 檔案複製
- deep-scope-analysis-webpack-plugin: 深度搖樹優化
- extract-text-webpack-plugin: CSS分離
- fork-ts-checker-webpack-plugin: Tslint程式
- friendly-errors-webpack-plugin: 錯誤友好提示
- html-include-assets-webpack-plugin: 靜態檔案插入
- html-webpack-plugin: HTML入口配置
- imagemin-webpack-plugin: 影象壓縮
- lodash-webpack-plugin: Lodash按需匯入
- mini-css-extract-plugin: CSS分離
- optimize-css-assets-webpack-plugin: CSS壓縮
- parallel-webpack-plugin: 並行處理
- progress-bar-webpack-plugin: 打包進度
- purifycss-webpack-plugin: CSS壓縮
- speed-measure-webpack-plugin: 構建速度
- stylelint-webpack-plugin: CSS校驗
- terser-webpack-plugin: JS壓縮(ES6)
- uglifyjs-webpack-plugin: JS壓縮(ES5)
- webpack-build-notifier: 構建提示
- webpack-bundle-analyzer: 打包模組分析
- webpack-dashboard: 資料皮膚
- webpack-dev-server: 本地伺服器
- webpack-merge: 配置合併
- webpack-spritesmith: CSS精靈圖
- webpack-visualizer: 打包模組分析
編譯工具
- babel: JS編譯
- browserslist: 瀏覽器核心
- csscomb: CSS排序
- cssnano: CSS壓縮
- eslint: JS校驗
- font-spider: 字型壓縮
- font-spider-plus: 字型壓縮(升級版)
- happypack: 並行處理
- less: CSS編譯
- node-sass: Sass引擎
- postcss: CSS編譯
- posthtml: HTML編譯
- prettier: 程式碼格式化
- purifycss: CSS壓縮
- sass: CSS編譯
- stylelint: CSS校驗
- stylus: CSS編譯
- terser: JS壓縮(ES6)
- tslint: TS校驗
- typescript: JS編譯
- uglifyjs: JS壓縮(ES5)
Postcss外掛
- autoprefixer: 字首自動新增
- postcss-cssnext: 新語法墊片
- postcss-import: 內聯Import墊片
- postcss-preset-env: 預處理環境
Babel外掛
- babel-eslint: Eslint配置
- babel-minify: JS壓縮
- babel-plugin-import: CSS和JS按需匯入
- babel-plugin-lodash: Lodash按需匯入
Stylelint外掛
- stylelint-config-prettier: 格式化配置
- stylelint-config-standard: 標準配置
Eslint外掛
- eslint-config-prettier: 格式化配置
- eslint-config-standard: 標準配置
- eslint-friendly-formatter: 錯誤友好提示
- eslint-plugin-html: HTML內聯JS語法校驗
- eslint-plugin-import: Import語法校驗
- eslint-plugin-node: Node語法校驗
- eslint-plugin-prettier: 格式化語法校驗
- eslint-plugin-promise: Promise語法校驗
- eslint-plugin-react: React語法校驗
- eslint-plugin-standard: 標準語法校驗
Tslint外掛
- tslint-config-standard: 標準配置
- tslint-plugin-react: React語法校驗
結語
喜歡的趕緊收藏，順便點個贊，包你用上，哈哈。需要前端技術交流的可以加我微信哈！