概述
lade 是一个基于 webpack 的前端构建工具，旨在对项目进行模块化打包，并提供了一些常用的功能模块，例如生成 HTML 模板、压缩代码、资源加载等。
安装
在项目根目录下打开终端，运行以下命令安装 lade：
npm install lade --save-dev
配置
在项目根目录下创建名为 lade.config.js 的配置文件，并编写以下内容：
-- -------------------- ---- -------
----- ---- - ----------------
----- ---- - ----------------
-------------- - -
------ -
---- -----------------
--
------- -
----- -------------------- --------
--------- --------------------------
--
-------- -
----------- ------ --- ---- ---
-------------
-----------------
--
--以上配置文件包括了以下内容：
entry: 入口文件路径。output: 输出文件路径。plugins: 插件列表。
插件
html
Lade.html(options)
生成 HTML 模板。
参数:
options: 网页 title 以及其他 HTML 元数据。
示例代码：
plugins: [
Lade.html({ title: 'My App' }),
],clean
Lade.clean()
清空 output 目录。
示例代码：
plugins: [ Lade.clean(), ],
minifyCss
Lade.minifyCss(options)
压缩 CSS 代码。
参数:
options: 压缩选项。
示例代码：
plugins: [ Lade.minifyCss(), ],
运行
在终端中运行以下命令即可开始打包项目：
npx lade build
执行完毕后会在 output 目录下生成最终的打包文件。
结语
以上便是关于 lade 的使用教程，希望对大家有所帮助。lade 是一个强大的构建工具，提供了很多常用的功能，并且可以根据需求进行扩展，非常适合前端项目的打包。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedaf59b5cbfe1ea0610fec