使用webpack配置,可以指定解析组件的根目录:
resolve: {
root: [ path.join(__dirname, './src/') ],
extensions: ['', '.js', '.scss']
},
现在可以使用代字号
从./src/
导入SASS文件
@import '~variables';
此导入路径将解析为./src/variables
,一切正常。
然而,IntelliJ无法正确识别并报告:
Cannot resolve file '~variables'
是否有可能以某种方式配置此IDE以添加额外的解析路径(默认情况下它仅从node_modules
目录解析)?
答案 0 :(得分:0)
使用当前版本的Webstorm,可以设置webpack配置,这将启用整个项目中的路径别名识别:
here is the answer where I specify how to set it.
它还识别带有波浪线的scss内的导入。