代码之家 › 专栏 › 技术社区 › Moshe

导入ES6:为包提供别名

import ecmascript-6 javascript

Moshe · 技术社区 · 5 年前

请看下面的导入语句:

import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'

有没有可能给客户的名字加个别名正在被导入,也就是说,在这个例子中 @fortawesome/react-fontawesome .

为了清楚起见,我正在寻找一个最终的结果,我可以这样做:

import { FontAwesomeIcon } from 'fa'

import { FontAwesomeIcon } from '@custom/fa'

与 fa (或 @custom/fa @太棒了/太棒了 图书馆。

这可能吗?如果是,怎么做?

2 回复 | 直到 5 年前

Riddell 5 年前

我假设你正在使用网页包。如果是这样,你可以用 Webpack.resolve webpack.config.js

// webpack.config.js
module.exports = {
    //...
    resolve: {
        alias: {
            fa: path.resolve(__dirname, '@fortawesome/react-fontawesome')
        }
    }
    //...
}

你的进口将变成

import { FontAwesomeIcon } from 'fa'

Jakub 5 年前

可以创建一个文件,将依赖项存储在对象中。我将这个文件命名为dependencies.js。

export default const dependencies = {
  FA: '@fortawesome/react-fontawesome',
  ...
  ...
}

然后您可以在每个javascript文件的顶部导入这些文件,并使用它来导入更多的依赖项。

import dependencies from './dependencies';
import { FontAwesomeIcon } from dependencies.FA

推荐文章

Udders · 使用另一个数组中的值按索引从数组中删除

2 年前

Matt · 获取数组长度并推入每个对象

2 年前

Rahmouni Rabii · 尝试访问数组中的对象时未定义

2 年前

Brian Patterson · Javascript自定义数组。原型方法日志“未定义”

2 年前

dapidmini · 未捕获的承诺嵌套异步函数承诺错误处理

2 年前

Arka Bhattacharjee · 如何在JavaScript中反转大写的字符串?[重复]

2 年前

Zeeps Wear · 如何按键对对象进行分组?

2 年前

Kevin Giraldo · 如何更改字符串或数字在JavaScript中转换类的方式?

2 年前

Rachel · 如何按ID从JSON对象数组中删除数组元素

2 年前

minsu123 · 如何解析react中的单个引用?

2 年前