如何解决使用绝对路径导入?

海绵宝宝

我需要在brunch-config.js中进行设置以便能够解析项目根目录中的绝对路径吗?

import { helper } from '/imports/utilities/helper'

原因是我有一个旧版React应用程序,它通过使用相对路径导入本地文件。在尝试使用早午餐时,我需要找出一种设置早午餐的方法,以便它无需更改代码即可理解路径。

我尝试使用npm别名,但不确定其工作原理

npm: {
  aliases: {
    '/imports': 'imports/**'
  }
}
海绵宝宝

使用babel-plugin-module-resolver软件包找到了解决方案

由于我所有的代码都在/importsdir,因此brunch-config.js我根据它们的文档设置了别名

plugins: {
  babel: {
    plugins: [
      ...,
      ["module-resolver", {
        "root": ["./imports"],
        "alias": {
          "/imports": ([, path]) => `./imports${path}`,
        }
      }]
    ],
    presets: [
      ...
    ],
  }
},

这样,如果我这样做import Screen from '/imports/components/screens',它将解析下的文件./imports/components/screens

您也可以设置别名,.babelrc但您可能想使用正则表达式。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

无法使用绝对路径导入

使用绝对路径导入React组件

使用React + Webpack时如何使用绝对路径导入自定义scss?

在使用ParcelJS构建的Cypress测试中,如何在绝对路径中使用导入?

使用baseUrl导入模块时,如何使tsc解析绝对路径?

如何在Expo和React Native中使用绝对路径导入?

使用绝对路径而不是相对路径与JetBrains WebStorm自动导入进行反应

如何使用文件的绝对路径打开文件?

如何从FileDialog获取绝对路径?

如何排除tar的绝对路径?

对ClassLoader使用绝对路径getResourceAsStream()

JSDoc注释未显示在绝对路径导入上

Python:如何获取导入模块中文件的绝对路径

如何处理go导入绝对路径和github分支?

不使用绝对路径的“无此类文件或目录”的解决方法?

在打字稿中使用绝对路径进行导入

使用ES6语法和绝对路径导入外部模块

创建绝对路径

Jsoup绝对路径

如何在PowerShell中基于相对路径或绝对路径获取绝对路径?

从绝对路径+相对或绝对路径创建新的绝对路径

如何确定文件路径是否为绝对路径?

如何使用绝对路径而不是类路径来读取文件

如何在Create React App项目中避免很长的路径并使用绝对路径?

如何使用Python以跨平台方式检查路径是绝对路径还是相对路径?

如何使用pathlib在Python中获取两个绝对路径之间的相对路径?

如何获取文件目录的绝对路径?

如何获取pathlib.Path对象的绝对路径?

如何在Java中获取文件的绝对路径

TOP 榜单

热门标签

归档