我希望使用 Webpack 编译我们所有的 less 文件/less
to /public/css
并将它们作为常规 css 包含在我们的服务器端模板中(not将文本粘贴到使用 ExtractText 插件或重载 require 中)。
也就是说,我正在尝试使用 Webpack + LESS 加载器或插件来 glob 来编译所有 .less 文件:
/less/foo.less
/更少/bar.less
/less/unknown-new-less-file.less
...
并将它们输出到
/public/css/foo.less
/public/css/bar.less
/less/unknown-new-less-file.less
然后我想通过使用拉入 css 文件将它们包含在我们的应用程序中<link rel="stylesheet" href="foo.css">
我尝试使用 Bash 脚本lessc
而不是 Webpack,它工作得很好,但是当源文件发生变化时,我们无法自动重新编译 LESS。
问题是我使用 Webpack 作为任务运行程序,但事实并非如此。
我一直拒绝添加 Gulp 或 Make。 Gulp 是因为它会变成一个巨大的、无法维护的混乱,而 Make 尽管它很棒,因为它对团队来说有点难以学习。
我最终在 npm 脚本中使用了类似 fswatch 的东西来重新运行 lessc。
Less 文档建议使用 grunt、Gulp 或开发模式浏览器内解析:http://lesscss.org/usage/#using-less-in-the-browser-watch-mode http://lesscss.org/usage/#using-less-in-the-browser-watch-mode.
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)