如何让Babel处理LESS文件？

Question

我有一个同构的React应用程序,使用NodeJS进行服务器端渲染设置.我正在使用Babel和Webpack,除了一个问题外,它工作得非常好:

巴别塔无法处理require('somefile.less').

出于这个原因,我正在使用Webpack来编译后端和前端代码,因为Webpack具有很好的CSS和LESS加载器,并且它不会因为看到CSS或LESS文件而感到害怕.但是,这种方法有其自身的问题:

服务器启动时间增加很多,因为webpack必须首先编译整个后端.

当我为生产部署代码时,这很好,但在开发环境中,它确实会损害生产力.

babel-node另一方面,实用程序比较快,如果只有我可以使它处理CSS/LESS文件.因此我的问题是:我们可以让Babel使用CSS/LESS文件吗？

Answer 1

Babel 是一个 JavaScript 编译器

Babel 是一个工具链，主要用于将 ECMAScript 2015+ 代码转换为旧浏览器或环境中向后兼容的 JavaScript 版本。

所以答案是否定的。Babel 仅适用于 JS 文件。