Webpack 中 less 使用 alias 无效的问题

Less 使用 alias 无效的问题

Webpack 配置如下：

resolve: {
        alias: {
            '@': path.resolve(__dirname, '../src')
        }
}

在 vue 中引入 less 变量文件。

<style lang="less">
    @import "@/assets/css/var.less";
</style>

这个会报错，解决办法是在路径前面增加“~”。

<style lang="less">
    @import "~@/assets/css/var.less";
</style>