vue.js - 在单独的文件中提取较少的样式

Question

我正在使用 vuejs v2.6.12，它使用 webpack v4.4.22。

使用这个堆栈，我想将我的组件中声明的样式提取<style lang="less">...</style>到单独的 less 文件中。换句话说，每个组件一个文件使用 less 作为样式。我还想避免在构建 webpack 时对 CSS 进行编译，因为我想在运行时对 less 文件应用额外的转换。

我已经开始尝试通过停用规则和配置来进行实验less-loader，但到目前为止，较少的样式都被打包在一起而不是被提取。lessmini-css-extract-plugin

所以我想知道：

1. 我想做的事情是可能的。
2. 我正朝着好的方向前进，或者应该使用不同的策略。

谢谢

标签： vue.jswebpackless