问题标签 [less-loader]

我设法将我的 css 和较少的资源（从 javascript“导入”）编译到all-my-LESS|CSS，使用提取它们并将它们与toExtractTextPlugin合并在一起。MergeFilesPlugincombinedStyles.css

我缺少的一点：如何在此之上运行 cssnano（例如通过 postcss？）作为整理位？（哦，虽然我拥有内联源映射，但我没有设法生成外部combinedStyles.map文件）。

这是我的组合webpack.config.babel.js（忽略 babel 位，只是意味着，你可以用 ES6 编写它，使用更高级的 import 语句）：

我正在尝试在我的 JS 代码中导入 LESS 文件。但我收到类似错误 - '您可能需要适当的加载程序来处理此文件类型。'。 版本 - “laravel-mix”：“^0.11.4”

在我的 webpack.mix.js 中，我尝试了这段代码

但我仍然得到同样的错误。

当我尝试.less从我的 React 组件导入 a 时，我收到以下错误：

这是我的 webpack 配置的一部分，它负责 css 和更少的加载：

在我的组件中，我正在导入.less样式文件，如下所示：

我已经尝试阅读相关的 github 问题并调试了一段时间。希望得到一些帮助！

我相信它应该比看起来更容易。我是 webpack 的新手，我花了几个小时试图弄清楚我错过了什么。

我需要的只是将 LESS 预处理器添加到webpack.config.js. CSS 规则已经存在并且有效：

但是一旦为 less-loader 添加了非常基本的规则，比如{ test: /\.less$/, use: 'less-loader' }（我已经尝试了这个规则的许多变体），我总是You may need an appropriate loader to handle this file type在我的 LESS 样式表上得到一个错误。真的吗？我正在提供装载机，它还需要什么？

我正在尝试在 Angular 组件中使用我的样式表，如下所示：

确切的错误：

当我尝试将资产导入我的 .less 文件时，请帮助我解决 ModuleNotFoundError。

看起来问题是css-loader，有人可以帮助我优雅地解决这个问题。

git hub 上的问题链接：https ://github.com/webpack-contrib/css-loader/issues/682

请找到

• 变量.less
• common.less
• webpack.config.js
• 错误日志

common.less

webpack.conif.js

错误日志