简介
wyd 是一个基于 Node.js 平台的构建 Web 应用程序的自动化构建工具。它使得项目构建变得更加高效、简便，并且规范了前端工程化的流程。wyd 能够自动化进行编译、打包、压缩等操作，使得前端开发变得更加快速和规范。
安装
在项目根目录下运行以下命令进行安装：
npm install wyd --save-dev
也可以通过以下方式全局安装：
npm install -g wyd
使用方法
配置文件
在项目根目录下，需要创建一个 wyd.config.js 的配置文件，需要指定一些参数，例如：
-- -------------------- ---- ------- -------------- - - ------ ----------------- -- ---- ------- --------- -- ---- ------------- ------------------- -- ---- ---- ---------- --------- -- ------ ------------- ----- -- --------- ------- ----- -- ---- ------ ---------- ----- -- ---- --------- -------- --- -- ---- --
构建命令
在项目根目录下，可以运行以下命令进行构建：
wyd build
此命令将会使用 wyd.config.js 配置文件进行构建，并生成静态文件到输出目录中。
开发命令
在项目根目录下，可以运行以下命令进行开发：
wyd dev
此命令将会启动一个本地开发服务器，支持热更新，方便开发调试。
示例代码
webpack 配置
-- -------------------- ---- -------
-------------- - -
----- -------------
------ -----------------
------- -
----- ----------------------- --------
--------- ---------------------
--
-------- -
--- -------------------
--------- -------------------
--------- -------------
---
--
------- -
------ -
- ----- -------- ---- --------------- -------- -------------- --
- ----- --------- ---- ------------ --
- ----- --------- ---- ---------------- ------------- --
- ----- ---------- ---- ---------------- ------------- -------------- --
- ----- -------------------------------- ---- ------------ --
--
--
--ESLint 配置
-- -------------------- ---- -------
-------------- - -
----- -----
---- -
----- -----
--
-------- ------------------------ ----------------------
-------------- -
------- ---------------
--
------ -
------------- -------------------- --- ------------ - ------- - ------
-------------- -------------------- --- ------------ - ------- - ------
--
--结语
wyd 是一款非常实用的自动化构建工具，能够大大提高前端开发效率，同时也能规范化前端工程化流程。希望本篇教程能够对你有所帮助，使你能够更加高效地进行前端开发。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600671188dd3466f61ffe762