别名财产

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.

贡献者

抓住了一个错误或想要为文件做出贡献?在github上编辑此页面!