别名财产
Nuxt.js允许您使用别名来访问JavaScript和CSS中的自定义目录。
- 类型:
目的
- 默认:
{'~~':`
`那'@@':` `那'〜':` `那'@':` `那'资产':` /资产 `那//(除非您设置了自定义`dir.assets`)'静止的':`/静态 `那//(除非您设置了自定义`dir.static`)}
此选项允许您将aliases定义为项目中的目录(除了上面的页面)。这些别名可以在您的JavaScript和CSS中使用。
nuxt.config.js.
进口{解决}从'小路'出口默认{别名:{'图片':解决(__dirname.那'./assets/images')那'风格':解决(__dirname.那'./assets/style')那'数据':解决(__dirname.那'./assets/other/data')}}
组件/ example.vue.
<模板><IMG.SRC.=“〜图像/ main-bg.jpg“>模板><脚本>进口数据从'data / test.json'// 等等。脚本><风格>@进口'〜style / variables.scs';@进口'〜style / utils.scss';@进口'〜风格/ base.scss';身体{背景图片:URL.('〜图像/ main-bg.jpg');}风格>
在WebPack上下文中(图像源,CSS - 但不是javascript)您必须使用别名
〜
(如上面的例子)。
如果您使用的是类型签字并希望使用您在打字文件中定义的别名,则需要向您的别名添加别名
path
对象tsconfig.json.
。