VScode:如何从jsconfig快捷方式中指定的快捷路径自动组合json/scss/映像文件路径

Question

在进行导入时，intellisense将在我试图导入React .jsx组件时建议自动完成名称。不过，当我试图导入json或scss文件时，不会有任何建议。

我在我的webpack.config.js中设置了一组别名

​

  resolve: {
    extensions: ['.css', '.js', '.jsx'],
    alias: {
      'src': path.resolve(__dirname + '/src'),
      'data': path.resolve(__dirname + '/src/data'),
      'assets': path.resolve(__dirname + '/src/assets'),
      'images': path.resolve(__dirname + '/src/assets/images'),
      'styles': path.resolve(__dirname + '/src/assets/styles'),
      'components': path.resolve(__dirname + '/src/components'),
      'types': path.resolve(__dirname + '/src/types'),
      'functions': path.resolve(__dirname + '/src/functions'),
      'pages': path.resolve(__dirname + '/src/pages')
    }
  },

​

因为我希望intellisense能够自动完成这些路径，所以我创建了一个jsconfig.json

​

    {
        "compilerOptions": {
          "jsx": "react",
          "allowSyntheticDefaultImports": true,
          "target": "es6",
          "baseUrl": "./",
          "paths": {
            "src": ["./src"],
            "src/*": ["./src/*"],
            "data": ["./src/data"],
            "data/*": ["./src/data/*"],
            "assets": ["./src/assets"],
            "assets/*": ["./src/assets/*"],
            "images": ["./src/assets/images"],
            "images/*": ["./src/assets/images/*"],
            "styles": ["./src/assets/styles"],
            "styles/*": ["./src/assets/styles/*"],
            "components": ["./src/components"],
            "components/*": ["./src/components/*"],
            "types": ["./src/types"],
            "types/*": ["./src/types/*"],
            "functions": ["./src/functions"],
            "functions/*": ["./src/functions/*"],
            "pages": ["./src/pages"],
            "pages/*": ["./src/pages/*"],
          }
        },
        "exclude": ["node_modules"],
        "checkJs": "true"
      }

​

我安装了路径智能感知

我的keybindings.json也被设置为

[
    { "key": ".", "command": "" }
]

我还按照path intellisense文档中的建议将"typescript.suggest.paths": false添加到我的.vscode/setting.json中，尽管我是不使用类型记录的。这只是一个javascript项目。

Answer 1

我不得不补充

    "compilerOptions": {
        "resolveJsonModule": true,

转到我的jsconfig.json上

Answer 2

我在JSX、TSX或TS中看不到任何.scss或.css文件(JS很好)--我使用Kohler的路径Intellisense扩展名。

通过将以下内容添加到我的vscode settings.json中，对其进行了修正：

"javascript.suggest.paths": false,
"typescript.suggest.paths": false