sheepeer/work-record

Hi there 👋

work-record's Issues

add alias for create-react-app with typescript

version：
"react": "^17.0.2",
"typescript": "^4.5.4",
"webpack": "^5.64.4",

引入typescript 后，webpack.conf.js 中已经生成了对 alias 的配置：

查看 webpackAliases：

ps：console.log 是我自己加的

getWebpackAliases 函数：

返回值也就是生成的 webpack alias 配置：

默认生成的是 src: ，我希望使用 @ 代替 src，所以自己改了一下

总结：只需要在 tsconfig.json 中配置 baseUrl、paths 和 include 字段：

{
  "compilerOptions": {
    ...
    "baseUrl": ".",
      "paths": {
          "@/*": [
              "./src/*"
          ]
      }
  },
  "include": [
    "src"
  ],
  ...
}

但不知道为什么，将 baseUrl 和 paths 写在 tsconfig.paths.json，然后在 tsconfig.json 中 extends tsconfig.paths.json ，会导致 webpack 读不到 baseUrl 和 paths 的值（？）

visibility: visible → visibility: hidden 存在延时

visibility: visible → visibility: hidden 实际上是 visibility: 1→ visibility: 0，并不是平滑的。