使用别名/别名路径时，Webpack 无法导入 .json 文件答案

【问题标题】：Webpack can't import a .json file when using alias / aliased paths使用别名/别名路径时，Webpack 无法导入 .json 文件
【发布时间】：2020-11-28 00:12:46
【问题描述】：

我正在使用 Webpack 的原生 json 导入器将 json 文件作为 javascript 对象导入：

import config from "./config.json"

工作正常 - 问题是，当我向 webpack 配置添加别名时：

 resolve: {
    alias: {
      "@data": path.resolve(__dirname, "src/js/data/"),
    },
  },

通过别名路径导入 json 文件似乎不再起作用：

import config from "@data/config.json

ERROR in ...
Module not found: Error: Can't resolve '@alias/file.json' in ...

有什么技巧可以让 Webpack 的原生 json 导入器更好地使用别名路径？

【问题讨论】：

标签： json webpack webpack-4

【解决方案1】：

我必须将extensions 字段添加到解析配置中，并在数组中包含“.json” - 在这样做之后import config from "@data/config（因为扩展名是自动解析的）和import config from "@data/config.json 似乎工作正常。

【讨论】：