react-scripts-fdt

基于官方create-react-app做了二次开发

• add 默认为css预编译为less（css|less文件）
• add 开启css modules
• add prebuild 检查当前版号是否有tag存在
• add externals 配置
  package.json

"externals": {
  "react": "React",
  "react-dom": "ReactDOM",
  "react-router-dom": "ReactRouterDOM"
}

• add 本地mock
  api/index.js
• add env 配置 .env文件
  .env.developmennt //开发环境
  .env.production //线上环境

REACT_APP_自定义变量

• add 开关 文件是否带hash串
  .env文件

REACT_APP_HASHVERSION=true

• add api 代理
  package.json

"proxy": {
  "/api": {
    "target": "http://xxx",
    "changeOrigin": true,
    "pathRewrite": {
      "^/api": ""
    }
  }
}

用法指南
因为less-loader 和css-loader中的css modules 对相对路径的引用解析有冲突
参考issues

// css 文件 
// error 
class {
  background: url(./svg.logo);
}
// good  
class {
  background: url(\./svg.logo);
}

官方文档

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.