美文网首页
Next.js如何配置import path

Next.js如何配置import path

作者: Oo晨晨oO | 来源:发表于2020-02-22 11:49 被阅读0次

首先使用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可以认出来你的别名路径了

相关文章

网友评论

      本文标题:Next.js如何配置import path

      本文链接:https://www.haomeiwen.com/subject/cjclqhtx.html