配置Webpack将LESS文件目录构建为相应的CSS文件

Question

配置Webpack将LESS文件目录构建为相应的CSS文件

pluginslesswebpackwatch

3

我希望使用Webpack编译所有在/less中的less文件，并将它们输出到/public/css文件夹中，以常规CSS文件的形式包含在我们的服务器端模板中（不要使用ExtractText插件将文本粘贴到

- Max Heiber

2个回答

0

你可以使用 chokidar 和 lessc，而不是webpack。首先，安装chokidar: npm install chokidar-cli

然后，使用它来监视你的less文件: chokidar "less/*.less" -c "lessc less/foo.less public/css/foo.css"

Chokidar GitHub文档

关于为什么不要使用webpack来单独编译less的更多信息: 我能用webpack分别生成CSS和JS吗？

- tb11

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Max Heiber · Accepted Answer

问题在于我把Webpack当做任务运行器，但它并不是。我一直在避免添加Gulp或Make。Gulp会变成一个难以维护的庞然大物，而Make虽然很好，但对团队来说有点难学。最后，我使用类似fswatch的npm脚本来重新运行lessc。Less文档建议使用grunt、Gulp或浏览器中的dev-mode解析：http://lesscss.org/usage/#using-less-in-the-browser-watch-mode。