/train

LF

Primary LanguageJavaScript

train

LF

  1. 希望有专门的页面设计稿
  2. 提供脚手架工具
  3. NPM 淘宝镜像地址错误 http://npm.taobao.org/ -> https://npmmirror.com/
  4. 使用 npm config set registry="https://npmmirror.com/" -g 代替 cnpm 的建议
  5. babel-eslint 已经弃用，改用 [@babel/eslint-parser](https://www.npmjs.com/package/@babel/eslint-parser)
  6. husky 的初始化方法已过时，使用 npx husky-init && npm install
  7. husky 的用法已过时，使用 npx husky add .husky/<git-hook> <script>
  8. 使用 prettier --write --list-different --ignore-unknown 让 Prettier 跳过不支持的文件
  9. eslint-loader 已废弃，使用 [eslint-webpack-plugin](https://www.npmjs.com/package/eslint-webpack-plugin) 替代
  10. 建议不要使用 eslint-loader 类似插件，代码编辑器如 VSCode 已经能够配合 ESLint 做好实时的代码风格检查工作，在 Webpack 编译阶段报错反而会干扰开发
  11. react-hot-loader 已被淘汰，使用 [react-refresh-webpack-plugin](https://www.npmjs.com/package/@pmmmwh/react-refresh-webpack-plugin)
  12. 使用 [ress](https://www.npmjs.com/package/ress) 代替 normalize.css，ress 在 normalize.css 基础上做了一些些常用的样式重置
  13. css-loader 模式支持 CSS Module，只要使用 xxx.module.css 来命名需要模块化的 CSS 文件
  14. 新版 Sass 已经弃用 node-sass，使用更高性能的 dart-sass 来解析
  15. optimize-css-assets-webpack-plugin 不支持 Webpack 5+，需要使用 css-minimizer-webpack-plugin
  16. 目前 CSS in JS 的方案非常成熟了，可以补充 CSS in JS 的相关内容
  17. 使用 <base href="/"> 标签代替 publicPath，base 标签是全局的，比如路由地址，CSS 内的地址等，都会遵循 base 的 href 属性
  18. 使用 monorepo 来管理项目