跳转到主文档
应用工程
模块工程
Monorepo工程
项目生成器

source.alias

  • 类型: Object|Function
  • 默认值:见下方配置详情。
alias 配置详情
  {
'@': './src',
'@shared': './shared',
}

Modern.js 支持在 JS 和 CSS 中通过别名引用具体路径。通过该选项可以自定义项目下的别名配置。

提示

TypeScript 项目只需要配置 compilerOptions.paths

值为 Object 类型时,会与默认值合并:

modern.config.js
export default defineConfig({
source: {
alias: {
'@common': './src/common',
},
},
});

代码中 import('@common/A.jsx'), 实际为: import ('/${appDirectory}/src/common/A.jsx')

值为 Function 类型时,内部默认配置会作为第一个参数传入。

可以直接修改默认配置,或者返回一个新的对象作为最终结果:

modern.config.js
export default defineConfig({
source: {
alias: opts => {
opts['@common'] = './src/common';
},
},
});