如何在 Webpack 中将 less 文件转换为 css？

【问题标题】：How to convert less files into css in Webpack?如何在 Webpack 中将 less 文件转换为 css？
【发布时间】：2016-02-18 15:48:44
【问题描述】：

我是 webpack 的新手。想知道我们如何使用 webpack 减少或将更少的文件转换为 css，就像我们在 gulp 中使用 cssify 插件一样。

【问题讨论】：

这可能会有所帮助：stackoverflow.com/questions/32455863/…

标签： gulp less webpack

【解决方案1】：

您使用 webpack 的 less-loader（连同 css-loader 和可能的样式加载器）和 require() less 文件，就像使用 javascript 模块一样。有关加载程序如何在 webpack 中工作的更多信息，请参阅 Using Loaders。

【讨论】：

【解决方案2】：

您可以查看Extract-Text-Webpack-Plugin。基本上，webpack 是一个 JS 模块捆绑器，所以（据我所知）没有办法直接将 less 编译成 css。相反，您可以使用 less-loader 和其他加载器将较少的文件“加载”到 js 中，并使用插件提取文本以制作单独的 css 文件。

【讨论】：