首先使用alias
在next.config.js文件中, 添加如下代码
const path = require('path');
module.exports = {
webpack: config => {
config.resolve.alias['~'] = path.resolve(__dirname);
return config;
}
};
此时已经可以使用'~/components/Widget'这种形式的引入了
让vscode识别出来别名路径
jsconfig.json中添加如下代码
{
"compilerOptions": {
"baseUrl": ".",
"paths": {
"~/*": ["./*"]
}
}
}
即可
此时vscode可以认出来你的别名路径了
