妙用 `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‘

结语

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

时间: 2024-12-24 07:17:49

妙用 `package.json` 快速 `import` 文件(夹)的相关文章

npm 与 package.json 快速入门教程

npm 与 package.json 快速入门教程 2017年08月02日 19:16:20 阅读数:33887 npm 是前端开发广泛使用的包管理工具,之前使用 Weex 时看了阮一峰前辈的文章了解了一些,这次结合官方文章总结一下,加深下理解吧! 读完本文你将了解: 什么是 npm? 安装 npm 更新 npm package.json 文件 package.json 如何创建 package.json 的内容 指定依赖的包 Semantic versioning(语义化版本规则) 安装 pa

Beyond Compare快速同步文件夹的方法

Beyond Compare是一款功能强大的文件夹和文件对比工具,能够非常精确快速的找到文件夹或文件之间不同的部分,给用户节省了很多的时间,并且支持合并变化,然后同步文件,并生成报告.很多的第一次接触Beyond Compare的用户对其功能不是很了解,因此我们做一些教程给大家介绍一下,接下来给大家讲解Beyond Compare快速同步文件夹的方法? 打开Beyond Compare软件,选择文件夹同步会话,打开会话操作界面,单击“浏览”按钮选项需要同步的文件夹.  Beyond Compar

Python如何import文件夹下的文件

Python的import包含文件功能就跟PHP的include类似,但更确切的说应该更像是PHP中的require,因为Python里的import只要目标不存在就报错程序无法往下执行.要包含目录里的文件,PHP中只需要给对路径就OK.Python中则不同,下面来看看这个例子. 目录结构: a.py 要 import dir目录下的 b.py 文件.a.py代码如下: 1 2 3 4 5 6 # coding=utf-8 "import dir 目录下的 b.py 文件" impor

使用python多进程快速复制文件夹

from multiprocessing import Pool,Managerimport os,sysimport timeimport argparse def recvParameter():parse = argparse.ArgumentParser()parse.add_argument("-s","--src",dest="src_base_folder",required=True,help="Enter source

fish-redux快速创建文件夹模板 FishReduxTemplate

推荐一款插件: 在插件plugins中搜  FishReduxTemplate 原文地址:https://www.cnblogs.com/wulinzi/p/11142265.html

Python批量修改文件夹内所有json文件中部分内容

#coding=utf-8 import os import json #获取目标文件夹的路径 filedir = os.getcwd()+'/ceshi' #获取文件夹中的文件名称列表 filenames=os.listdir(filedir) #遍历文件名 for filename in filenames: filepath = filedir+'/'+filename print filepath after = [] # 打开文件取出数据并修改,然后存入变量 with open(fil

windows使用cmd快速删除一个文件夹

node_modules一般有很多碎文件,删除的时候很慢,在linux下可以使用rm -rf node_modules来快速删除文件夹,在windows也有类似命令. 在你的项目目录下打开cmd ,使用rmdir node_modules /S /Q可以快速删除 从长远来看,买个mac才是王道,windows果然很操蛋... 原文地址:https://www.cnblogs.com/yesyes/p/8229120.html

PyCharm选中文件夹新建时Directory与Python package的区别

pycharm创建普通的directory和package时都是在硬盘上建立一个文件夹.但是建package时会在这个文件夹中自动地生成一个空的__init__.py文件.python的一个包是一个带有特殊文件 __init__.py 的目录.__init__.py 文件定义了包的属性和方法.其实它可以什么也不定义:可以只是一个空文件,但是必须存在.如果 __init__.py 不存在,这个目录就仅仅是一个目录,而不是一个包,它就不能被导入或者包含其它的模块和嵌套包. 参考:https://zh

package.json 与 package-lock.json 的区别

package.json 这个文件是 npm init 时创建的一个文件,会记录当前整个项目中的一些基础信息.而 package-lock.json 这个文件却是 node_modules 文件夹或者 package.json 文件发生变化时自动生成的.这个文件主要功能是确定当前安装的包的依赖,以便后续重新安装的时候生成相同的依赖,而忽略项目开发过程中有些依赖已经发生的更新. 自npm 5.0版本发布以来,npm i的规则发生了三次变化. 1.npm 5.0.x 版本,不管package.jso