定义Vue.js模板别名

Question

我有一个像这样的前端项目：

resources/assets/js
resources/assets/jade
resources/assets/svg
resources/assets/sass

我最近发现，可以在webpack中定义别名，以防止在../../../..地图中提供相对路径，例如resolve.alias。现在我在Javascript中的导入更容易理解。但是，我尝试为我的Jade模板做类似的事情，定义如下：

<template lang="jade">
    include ../../../jade/pages/home

    .component-class
        +home-item
</template>

我不想写../../../jade/pages/home，而是想写pages/home，但却看不到任何记录的方式。{p>这可能吗？这也是我想对sass-loader做的事情。

Answer 1

是的，您绝对可以这样做。我希望docs对此更加清楚，因为这对于大型哈巴狗应用程序非常重要。

将此添加到您的app.js / server.js：

app.locals.basedir = path.join(__dirname, 'views');

然后，您可以使用前导反斜杠字符来引用所有模板文件，例如：

include /pages/administrator/home
include /mixins/widget