前端正在慢慢領悟學習中...

常用模塊、庫、插件備忘

//DOM操作
react、react-dom
//路由相關
react-router
//狀態管理
redux、react-redux
//異步邏輯操作
redux-saga

//處理es6和JSX
babel-loader
//處理.css文件
style-loader css-loader

//webpack開發服務器
webpack-cli 
webpack-dev-server
webpack-merge：提供合並操作

//把所有css都打包到一個獨立的文件
extract-text-webpack-plugin
//清理打包後的文件
clean-webpack-plugin
//將打包後的js文件自動導入到html文件中
html-webpack-plugin
//靜態檢查代碼的語法和風格
eslint 

express：基於 Node.js 的web應用開發框架
if-env：用於切換開發和生產環境運行 npm start
compression：服務端gzip壓縮　　

常用工具

Webpack: 打包工具，模塊化編程
Babel: 轉碼工具，解決在低端版本瀏覽器上的兼容問題
react-devtools: React的調試工具，chrome插件
redux-devtools-extension: Redux調試工具，chrome插件

Babel

必備插件

babel-cli 
babel-core 
babel-preset-env 
babel-preset-react 
babel-preset-stage-2

react-devtools

redux-devtools-extension

前端生態系統總結