介绍
enb-less 是一个 npm 包，用于编译 less 文件，解决了在浏览器端编译 less 的性能问题。使用 enb-less，可以在前端项目中灵活地使用 less，提高项目开发效率。
安装
在使用 enb-less 前，需要先安装它。你可以使用 npm 安装它：
npm install enb-less --save-dev
使用
编写 less 文件
使用 enb-less，需要先编写 less 文件。你可以创建一个 index.less 文件，用于编写样式：
-- -------------------- ---- -------
-------------- --------
---------------- --------
------- -
----------------- --------------
------ --------
------- -
----------------- ----------------
-
-配置 enb
在项目的 enb 配置文件中，需要配置 enb-less 的插件：
-- -------------------- ---- -------
-------------- - ---------------- -
-------------------------- -------------------- -
---------------------
----------------------------- - ------- ----------------- ---
------------------------------------ - ------- -------------- ---
--------------------------------------------
------------------------------- - ----------- -------- ------------- ------- ---
-----------------------------------------------
-------------------------- - ------- ------- ---
---------------------------------------- - ------------- -------- ----------- -------- ---
-------------------------------- - ------------- ------- ----------- ------- ---
-----------------------------------------
------------------------------------ - ------- ----------- ---
--------------------------------------- -
--------------- ------ - ---------- --- ---- --- ---- ------ --------
------------- ------------
----------- -------
--
---
-------------------------------- ----------
---
--在这里，我们需要使用 enb-less 的 css-less 技术来编译 less 文件，并将编译后的 css 文件输出到 .pre.css 文件中。
运行编译任务
在命令行中，运行以下 enb 命令，来执行编译任务：
./node_modules/.bin/enb make path/to/app
编译完成后，在你的工程目录中可以找到生成的 css 文件，例如：path/to/app/_index.css。
在 HTML 中引入 CSS 文件
使用 enb-less 编译出的 css 文件，可以通过以下方式在 HTML 中引入：
-- -------------------- ---- ------- --------- ----- ------ ------ --------------- ------------ ----- ---------------- ------------------------------- ------- ------ ------- -------------------------------- ------- -------
结语
enb-less 是一款优秀的 npm 包，为我们在前端项目中使用 less 提供了更好的解决方案。在使用 enb-less 的过程中，我们需要注意配置文件的编写和任务的执行，才能最终的得到需要的 css 文件。希望这篇文章能够对你有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066e1fa563576b7b1ecd71