Javascript 定义Vue.js模板别名

我有一个前端项目是这样安排的：

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

我最近发现，通过在

resolve.alias

映射中提供别名，可以在webpack中定义别名，以防止不断使用相对路径，如

。/../../../../code>。现在，我的Javascript导入更容易理解。但是，我尝试过为我的Jade模板做类似的事情，定义如下：

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

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


包括../../../jade/pages/home
.组件类
+首页

我不想写
。/../../jade/pages/home
，而是想写
pages/home
，但看不到任何文档化的方法。这可能吗？这也是我想用sass加载器来完成的。
是的，你绝对可以做到。我希望用户能更清楚地了解这一点，因为这对于大型帕格应用程序非常重要

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

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

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

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