W3Cschool
恭喜您成為首批注冊用戶
獲得88經(jīng)驗值獎勵
object
?{}
?配置別名,對 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',
}
}
Copyright©2021 w3cschool編程獅|閩ICP備15016281號-3|閩公網(wǎng)安備35020302033924號
違法和不良信息舉報電話:173-0602-2364|舉報郵箱:jubao@eeedong.com
掃描二維碼
下載編程獅App
編程獅公眾號
聯(lián)系方式:
更多建議: