react webpack4初始化脚手架react-router,mobx,axios等组件
- 脚手架主要实现的功能:
- 实现webpack实现项目构建的基本功能,输入输出;
- 加入html-webpack-plugin 自动实现模版的js 引入;
- babel-loader 实现es6 语法转 es5 语法;
- style-loader 和 css-loader 解析在js 引入的css 文件,并插入到html的head 中
- 利用 webpack-dev-server 实现热加载和开启服务功能;
- devtool='inline-source-map' 实现开发状态下的调试;
- yargs-parser 模块解析命令行参数;
- 利用 cross-env(运行跨平台设置和使用环境变量的脚本),保证windows 和 linux 的 环境变量设置统一;
- 增加对于sass,less 的解析功能;
- 增加对于图片,文件的加载解析;
- 增加eslint 实现语法检查;
- 代码分离,分离第三方模块代码;
- js和css 分离开来; mini-css-extract-plugin
- 加入依赖可视化查看工具 webpack-bundle-analyzer;
- 引入react 全家桶 @babel/preset-react
- mobx 和 mobx-react 使用了修饰符
babel-plugin-transform-decorators-legacy babel-plugin-transform-class-properties
- css 优化 optimize-css-assets-webpack-plugin
- js 优化 uglifyjs-webpack-plugin