导入less文件遇到的问题以及解决办法

问题

在vue文件中引入less文件，终端报错

@import url(‘assets/style/variable.less’)

那么怎么解决呢？

我百度了一下说是在assets前面加一个~就正常运行了，这样子：

@import url(‘~assets/styles/base.less’)

为什么会报这样的错呢，~ 有什么意思？

百度了一下找到了：

~ 符号表示后面的值为alias，然后就会去build/webpack.base.conf.js配置中找相应的值，然后拼接成最后的引入地址。