在前端开发中，我们经常需要使用一些第三方库和工具来简化开发流程和提高效率。npm 是当前较为流行的 JavaScript 包管理工具，它提供了海量的软件包供开发者使用。其中一个很实用的工具是 wjz。
什么是 wjz？
wjz 是一个基于 webpack 及其生态的 web 快速开发模板，它封装了对 webpack 的配置，并开启了一些常用功能，极大地方便了前端工程师们的开发流程，让你仅需要关注项目的业务逻辑。
安装 wjz
使用 npm 安装 wjz：
npm install wjz-cli -g
创建项目
在命令行终端中，进入想要创建项目的目录，执行以下命令：
wjz create <project-name>
其中 <project-name> 为你的项目名。
wjz 会根据你的选择配置项目相关信息，等待操作完成即可创建项目。
目录结构
wjz 的目录结构如下：
-- -------------------- ---- ------- - --- ----- -- ------- ---- - --- ---------------------- -- ---- - --- --------------------- -- ------ - --- ---------------------- -- ------ --- ------ -- ------ - --- ---------- -- ------ - --- -------- -- ---- - --- ----------- -- ------ --- ------ -- ---- - --- ----------- - --- ---------- --- --- -- ---- - --- ------ -- ---- - --- ---------- -- -- - --- ----- -- -- - --- ------ -- ---- - --- ----- -- ---- - --- ------- -- --- - --- ------- -- ---- --- ------ -- -------- ------- --- --- ---- -- ---- - --- ---- -- ---- - --- --- -- ----- --- -------- -- ----- -- --- ---------- -- --- ---- --- ------------ -- --- ----- --- --------- -- ------
开始开发
进入项目目录，执行以下命令：
npm run start
wjz 会自动启动 dev server，并打开浏览器访问 localhost:8080。
编译项目
在开发完成后，执行以下命令进行项目编译：
npm run build
wjz 会根据你的项目配置打包生成相关文件，并自动压缩资源。
结语
wjz 让我们不需要再关注 webpack 繁琐的配置，使我们能更加专注于业务逻辑的开发。希望这篇文章能给前端初学者们带来帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6006710e8dd3466f61ffe1c8