重构react项目
In this article, learn a small trick to make your import
statements a lot cleaner, and easier to refactor.
在本文中,学习一个小技巧,以使您的import
语句更整洁,更易于重构。
With the latest release of create-react-app
v3, the much sought-after feature for absolute imports is now supported. This feature was an inspiration from the Visual Studio Code IDE, and is now available to anybody that’s using the latest version of Create React App.
借助最新版本的create-react-app
v3,现在支持绝对导入的广受欢迎的功能。 此功能是Visual Studio Code IDE的灵感来源,现在对使用最新版本的Create React App的任何人都可用。
什么是“绝对进口”? (What are “Absolute Imports”?)
Typically, React codebases get pretty large, and the typical file structure of a project might look something like this:
通常,React代码库会变得很大,项目的典型文件结构可能如下所示:
├── src
│ ├── components
│ │ ├── Header
│ │ ├── Footer
│ │ ├── Sidebar
│ │ ├── ...etc
│ ├── containers
│ ├── store
│ ├── reducers
│ ├── actions
│ └── helpers
├── public
├── package.json
└── README.md
W