什么是 wepk？
wepk 是一个基于 webpack 的前端构建工具，它可以将你的前端资源（如 JS、CSS、图片等）打包压缩，同时还支持自动刷新、 CSS 预处理器、代码分割等功能，帮助你更轻松地管理项目。
安装 wepk
wepk 作为一个 npm 包，我们首先需要安装 npm。可以在官网上下载安装：https://www.npmjs.com/get-npm
安装完 npm 后，我们就可以使用以下命令来安装 wepk：
npm install -g wepk
这是全局安装 wepk，这样在任何地方我们都可以直接使用 wepk 命令。
使用 wepk
初始化项目
在使用 wepk 前，我们需要先在项目目录下初始化一个 wepk 项目：
wepk init
这个命令会生成一个 wepk.config.js 文件以及一个 src 目录，我们可以在 src 目录下放置我们的前端资源文件。
打包构建
初始化完成后我们就可以开始构建了。在项目目录下执行以下命令：
wepk build
wepk 会自动将 src 目录下的前端资源文件打包构建到 dist 目录下。
开发模式
如果我们需要进行开发调试时，可以使用以下命令：
wepk dev
这会自动打开一个服务器，同时监听 src 目录下的变化，当我们修改了前端资源文件时，它会自动重新构建并刷新页面。
自定义配置
如果我们需要自定义配置，可以修改 wepk.config.js 文件。该文件中包含了 wepk 的所有配置项，如：
-- -------------------- ---- -------
----- ---- - ---------------
-------------- - -
------ ---------------- -- ----
------- -
--------- ------------ -- -------
----- ----------------------- ------- -- ------
--
------- -
------ -
-
----- -------- -- -------------
-------- ---------------------------------- -- ----
---- -
------- --------------- -- --- ------
-------- -
-------- --------------------- -- ------ -----
-
-
-
-
-
-示例代码
下面是一个简单的示例代码，它使用了 webpack 和 wepk，实现了 ES6 的模块化开发：
-- -------------------- ---- -------
-- ------- --- ---- ---- -------
------ ---- ---- ------
------ - --- - ---- ---------
-- -- ---- -----
------
------ ----------------
------- -
--------- ------------
----- ------
--
------- -
------ -
-
----- --------
-------- ----------------------------------
---- -
------- --------------
-
-
-
-
--
-- ------- --- --------
------ -------- ----- -
------------------
-总结
wepk 是一个方便快捷的前端构建工具，它可以帮助我们更好地管理前端资源，提高开发效率，加快项目的上线速度。通过本文的介绍，你应该已经了解了 wepk 的基本使用方法和一些常用配置，希望能对你的工作或学习有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600668e7d9381d61a3540b7a