React-路径别名-抽离webpack配置方案

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接： https://blog.csdn.net/weixin_45430248/article/details/102729732

抽离 webpack配置的方案

• 在webpack.config.dev中的resolve下的 alias 属性做以下配置

 alias: {
      "@src":path.resolve("src"),
      "@component":path.resolve("src/component"),
      "@pages":path.resolve("src/pages"),
      "@utils":path.resolve("src/utils"),
   },

然后使用

• @src就可以指向到/src/
• @component指向到/src/component/

使用：

import LifeCycle from "@pages/lifecycle/lifecycle"
import stateProp from "@pages/stateProp/stateProp"
import Home from "@pages/home/home"