3.0.5 • Published 6 years ago
yh-react-scripts v3.0.5
使用自定义的配置创建项目
使用方法:(app-name 为项目名称)
create-react-app app-name --scripts-version yh-react-scripts
增加的包
- react-app-polyfill@1.0.1- react-scripts已包含- 用于各种浏览器的 - polyfill
- scss编译
- 自动在每个 - scss文件头部导入 公用文件
- 源地图资源管理器(分析打包文件大小) 
增加的 alias
| alias | 目录 | 
|---|---|
| @ | src | 
| @assets | src/assets | 
| @scss | src/assets/scss | 
| @scssPage | src/assets/scss/page | 
| @scssModel | src/assets/scss/model | 
| @images | src/assets/images | 
| @media | src/assets/media | 
| @components | src/components | 
| @components | src/components | 
| @pages | src/pages | 
| @templates | src/templates | 
| @common | src/common | 
公用的 scss
每个 scss 均会导入 src/assets/scss/core/index.scss,可在此文件定义公用的 scss 变量, mixin, 函数等。
不要在此文件写入样式,这样会使每个 scss 文件重复填充相同的样式。
打包后的文件路径修改
已将打包后的文件路径改为相对路径。
browserslist 更改
production 更改为 ['>0.1%', 'not dead', 'not op_mini all']
原介绍
react-scripts
This package includes scripts and configuration used by Create React App. Please refer to its documentation:
- Getting Started – How to create a new app.
- User Guide – How to develop apps bootstrapped with Create React App.