前端生态系统总结

Posted 2021-01-03 wjcx-sqh

前端正在慢慢领悟学习中...

常用模块、库、插件备忘

//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