妙用 `package.json` 快速 `import` 文件(夹)

Posted 最骚的就是你

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了妙用 `package.json` 快速 `import` 文件(夹)相关的知识,希望对你有一定的参考价值。

前言

import router from ‘./router‘;

import router from ‘../../router‘;

import router from ‘./../../../router‘;

如上,或许我们在项目中经常需要引入一些文件夹,入后在路径上就会出现好多的 ../../,并且一旦换个文件夹,都得重新检出 import 是否正确

一劳永逸

目录机构

├── component
├── ....
└── router
    └── index.js

黑魔法

在 router 文件夹中 touch package.json,然后写入:

{
  "name": "@router"
}

这样,你在项目中的任何一个文件中都可以这样 import

import router from ‘@router

结语

妈妈再也不用担心复杂的路径问题啦

以上是关于妙用 `package.json` 快速 `import` 文件(夹)的主要内容,如果未能解决你的问题,请参考以下文章