如何让Babel处理LESS文件?

时间:2017-05-06 15:10:49

标签: node.js reactjs webpack less babel

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

  

Babel无法处理require('somefile.less')

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

  

服务器启动时间增加很多,因为webpack必须编译完整   后端第一。

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

另一方面,

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

1 个答案:

答案 0 :(得分:0)

Babel is a JavaScript compiler

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

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