webpack中的css引入文件须要用~@的形式，为何？

如上分别是sass-loader 和 less-loader 的官方文档，这里大致意思就是在引入文件的时候须要在前面加上~，由于~/解析到主目录。css /less/ sass没有用于导入相关文件的特殊语法。写入@import“file”与“import”./file相同

因此这里添加的~其实是为了告诉webpack这里是从根目录开始寻找，而不是相对目录。