webpack - Webpack / eslintrc - 解析文件扩展名

Question

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

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

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

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

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

Answer 1

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

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

让我知道问题是否仍然存在