前端生态系统总结

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

常用模块、库、插件备忘

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

  

猜你喜欢

转载自www.cnblogs.com/wjcx-sqh/p/9574046.html