很多前端朋友都遇到这个么一个问题,用vue-cli4来构建前端后,开发工具IDEA都不能Ctrl+鼠标点击来调整文件路径了,是因为都用了@开头的文件路径。现在分享个简单实用的方案,让你一爽到底。
1.在项目的根目录下,新建webpack.config.js文件
编写代码:
const path = require('path')
module.exports = {
resolve: {
alias: {
'@': path.resolve(__dirname, 'src')
}
}
}
2.在IntelliJ IDEA的file>setting>languages&Frameworks菜单下,配置javascript的Webpack的配置文件路径,选择第一步所创建的webpack.config.js文件,再应用,确定。
3.重启idea,便可以正常ctrl+鼠标左键跳转到对应的文件了。
4.注意这个文件不属于项目代码,所以最好只在本地使用,不需要提交到git的代码管理里面。所以要在根目录下的.gitignore文件添加配置,如下:
webpack.config.js
如果根目录没有看到.gitignore文件,就要手动创建.gitignore文件再添加忽略的webpack.config.js文件。