webpack - VScode:如何从 jsconfig 快捷方式中指定的快捷方式路径自动完成 json/scss/image 文件路径
问题描述
在进行导入时,当我尝试导入 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')
}
},
因为我希望智能感知自动完成这些路径,所以我创建了一个 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": "" }
]
尽管我没有使用 typescript ,但我也按照路径 intellisense 文档中的建议添加"typescript.suggest.paths": false
了我的内容。这只是一个javascript项目。.vscode/setting.json
解决方案
我不得不添加
"compilerOptions": {
"resolveJsonModule": true,
到我的 jsconfig.json 获取 json
推荐阅读
- node.js - 如何在 Node.js(Express) 中创建嵌套评论
- android - 将一个 recyclerview 项目移动到另一个 recyclerview 按钮单击自定义适配器
- mysql - SQL 按不同表的多列排序
- ng-bootstrap - ngb-accordion 在 ngb-panel 中实现 cdkdrag
- function - 谁能解释我这个断言条件?
- r - R bookdown中的交叉引用使图形名称不正确
- apache-spark - Apache Spark:广播连接行为:过滤连接表和临时表
- python - OU 中的空间导致 ldap 搜索失败
- flutter - 颤振:如何分组两个或多个字段?
- android - 将文件从反应本机图像选择器上传到服务器