Webpack / eslintrc - 解析文件扩展名答案

【问题标题】：Webpack / eslintrc - resolve files extensionsWebpack / eslintrc - 解析文件扩展名
【发布时间】：2019-02-03 21:14:36
【问题描述】：

我将此代码添加到我的webpack 配置中：

resolve: {
    extensions: ['.js', '.jsx', '.css', '.scss', '.json'],
    modules: [
        'node_modules'
    ]
},

而且它不起作用。我无法在不定义扩展名的情况下导入文件。但是当我添加时：

"import/resolver": {
  "webpack": {
    "config": {
      "resolve": {
        "extensions": [".js", ".jsx", ".css", ".scss", ".json"]
      }
    }
  }
},

在我的.eslintrc 文件中的settings 下，解决工作。有什么区别？为什么它在 webpack 中不起作用？

【问题讨论】：

标签： webpack file-extension resolve eslintrc

【解决方案1】：

将此添加到您的 webpack 配置中，并确保您通过 path.resolve 正确提供 APP_DIR ：

resolve: {
    extensions: ['.js', '.jsx', '.css', '.scss', '.json'],
    modules: [APP_DIR, 'node_modules'],
    descriptionFiles: ["package.json"]
},

如果问题仍然存在，请告诉我

【讨论】：