feat(compiler-sfc): add transformAssetUrlsBase option

This commit is contained in:
Evan You
2020-05-02 14:49:28 -04:00
parent 71a942b25a
commit 36972c20b5
6 changed files with 145 additions and 41 deletions

View File

@@ -1,5 +1,8 @@
import { generate, baseParse, transform } from '@vue/compiler-core'
import { transformAssetUrl } from '../src/templateTransformAssetUrl'
import {
transformAssetUrl,
createAssetUrlTransformWithOptions
} from '../src/templateTransformAssetUrl'
import { transformElement } from '../../compiler-core/src/transforms/transformElement'
import { transformBind } from '../../compiler-core/src/transforms/vBind'
@@ -46,4 +49,26 @@ describe('compiler sfc: transform asset url', () => {
expect(result.code).toMatchSnapshot()
})
test('with explicit base', () => {
const ast = baseParse(
`<img src="./bar.png"></img>` + // -> /foo/bar.png
`<img src="~bar.png"></img>` + // -> /foo/bar.png
`<img src="bar.png"></img>` + // -> bar.png (untouched)
`<img src="@theme/bar.png"></img>` // -> @theme/bar.png (untouched)
)
transform(ast, {
nodeTransforms: [
createAssetUrlTransformWithOptions({
base: '/foo'
}),
transformElement
],
directiveTransforms: {
bind: transformBind
}
})
const { code } = generate(ast, { mode: 'module' })
expect(code).toMatchSnapshot()
})
})