Npm 如何使用绝对路径解析导入?
我需要在brunch-config.js中设置什么才能解析项目根文件夹中的绝对路径?i、 eNpm 如何使用绝对路径解析导入?,npm,brunch,Npm,Brunch,我需要在brunch-config.js中设置什么才能解析项目根文件夹中的绝对路径?i、 e import { helper } from '/imports/utilities/helper' 原因是我有一个旧的React应用程序,它使用相对路径导入本地文件。当我尝试使用brunch时,我需要找到一种设置brunch的方法,以便它能够理解路径,而无需更改代码 我尝试使用npm别名,但不确定它是如何工作的 npm: { aliases: { '/imports': 'imports
import { helper } from '/imports/utilities/helper'
原因是我有一个旧的React应用程序,它使用相对路径导入本地文件。当我尝试使用brunch时,我需要找到一种设置brunch的方法,以便它能够理解路径,而无需更改代码
我尝试使用npm别名,但不确定它是如何工作的
npm: {
aliases: {
'/imports': 'imports/**'
}
}
找到了包含包的解决方案
由于我的所有代码都在/imports
目录下,因此在brunch config.js
中,我根据它们的以下内容设置了一个别名:
这样,如果我从“/imports/components/screens”导入屏幕,它将解析/imports/components/screens
您也可以在.babelrc
中设置别名,但您可能希望改用regex。这似乎是一个不错的问题,但您可能希望添加一些关于为什么要尝试完成此任务或您尝试过的事情的详细信息。“这里的人往往对简短的问题持谨慎态度。”海姆更新。谢谢你的建议。
plugins: {
babel: {
plugins: [
...,
["module-resolver", {
"root": ["./imports"],
"alias": {
"/imports": ([, path]) => `./imports${path}`,
}
}]
],
presets: [
...
],
}
},