MorJS alias - 別名配置

2023-10-30 17:38 更新
  • Type: ?object?
  • Default: ?{}?

配置別名,對 import 或 require 或 usingComponents 中引用的文件做別名映射,用以簡化路徑或引用替換。

比如:

{
alias: {
foo: '/tmp/to/foo',
}
}

然后代碼里 import 'foo' 實際上會 import '/tmp/to/foo'。

再比如:

{
alias: {
Utilities: path.resolve(__dirname, 'src/utilities/'),
Templates: path.resolve(__dirname, 'src/templates/'),
}
}

那么,原先在代碼里面基于相對路徑引用的文件

import Utility from '../../utilities/utility'

就可以簡化為

import Utility from 'Utilities/utility'

一些使用上的小竅門:

1、alias 的值最好使用絕對路徑,尤其是指向依賴時,記得加 require.resolve,比如:

// 不推薦 ?
{
alias: {
foo: 'foo',
}
}

// 推薦 ?
{
alias: {
foo: require.resolve('foo'),
}
}

2、如果不需要子路徑也被映射,記得加 $ 后綴,比如:

// import 'foo/bar' 會被映射到 import '/tmp/to/foo/bar'
{
alias: {
foo: '/tmp/to/foo',
}
}

// import 'foo/bar' 還是 import 'foo/bar',不會被修改
{
alias: {
foo$: '/tmp/to/foo',
}
}


以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號