在单独的文件中提取较少的样式

问题描述

我使用的是 vuejs v2.6.12,它使用 webpack v4.4.22。

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

我已经开始尝试通过停用 less-loader 规则上的 less 并配置 mini-css-extract-plugin,但到目前为止,较少的样式都打包在一起而不是被提取。>

所以我想知道:

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

谢谢

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)