如何在指定目录结构下将other/file.js导入至scripts.js文件

首先明确你的项目目录层级关系：

• main-folder（项目根目录，通常配置的~别名默认指向该目录）
  • js 文件夹
    • scripts.js（待编写导入语句的文件）
  • other 文件夹
    • file.js（需要导入的目标文件）

你此前的导入语句路径错误，原因是误将与js文件夹同级的other文件夹写在了js的路径下，可选择以下两种方式正确导入：

方式1：使用相对路径导入 #

在scripts.js中写入以下导入语句即可：

import { 对应file.js中导出的方法/变量名 } from '../other/file.js';

说明：../代表从当前scripts.js所在的js文件夹向上退一层到项目根目录，再进入同级的other文件夹定位到file.js。

方式2：使用~根路径别名导入 #

如果你的项目已经配置~指向项目根目录，可直接使用别名导入：

import { 对应file.js中导出的方法/变量名 } from '~/other/file.js';

内容的提问来源于stack exchange，提问作者user14821053