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

4uqofj5v 于 2023-10-19 发布在 Webpack

关注(0)|答案(2)|浏览(152)

我使用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导入器更好地处理别名路径吗？

webpack

来源：https://stackoverflow.com/questions/63305482/webpack-cant-import-a-json-file-when-using-alias-aliased-paths

2条答案

按热度按时间

jbose2ul1#

对于我来说，我添加**“resolveJsonModule”：true，**为jslog.json。对我很有效。

"compilerOptions": {
    "resolveJsonModule": true,
    "baseUrl": ".",
    "paths": {
      "@/*":[
        "./src/*"
      ]
    }
  }

赞(0）回复(0）举报 2023-10-19

rbl8hiat2#

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

赞(0）回复(0）举报 2023-10-19

我来回答

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

2条答案

相关问题

热门标签

最新问答