妙用 `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` 文件(夹)的主要内容,如果未能解决你的问题,请参考以下文章

package.json文件快速入门详解

package.json文件快速入门详解

json 用于快速体系结构的package.json文件

删除 `package-lock.json` 以快速解决冲突

yarn - 快速检查 `package.json` 和 `yarn.lock` 要求是不是满足的正确方法?

npm 与 package.json 快速入门