在前端开发中，我们通常会使用一些第三方库和插件来帮助我们快速开发，提高工作效率。而 npm 是一个十分常用的包管理工具，它允许我们方便地安装和升级各种库和插件。
本文将介绍一个常用的 npm 包 nuw，它是一个轻量级的 JavaScript 任务工作流程工具，可以帮助我们自动化完成一些重复性的工作。
安装 nuw
首先，我们需要安装 nuw。在命令行中输入以下命令即可：
npm install -g nuw
使用 nuw
nuw 支持的命令比较多，这里只介绍一些常用的命令及其使用方法。
初始化项目
在要使用 nuw 的项目根目录下（即包含 package.json 文件的目录），使用以下命令初始化项目：
nuw init
执行完该命令后，nuw 会生成一个名为 nuwfile.js 的文件，该文件是我们配置任务的主要文件。
配置任务
nuwfile.js 文件是一个 Node.js 模块，我们可以在该文件中配置任务。例如，以下代码实现了一个简单的任务：
module.exports = {
default: function () {
console.log('Hello, world!');
}
}上面的代码中，我们定义了一个名为 default 的任务，当我们在命令行中运行以下命令时：
nuw
输出结果会是：
Hello, world!
除了 default 任务之外，我们还可以定义其它任务：
-- -------------------- ---- -------
-------------- - -
-------- -------- -- -
------------------- ---------
--
------ -------- -- -
---------------------------
--
------- -------- -- -
----------------------------
-
-在命令行中分别输入以下命令，就可以分别执行不同的任务了：
nuw nuw build nuw deploy
使用插件
nuw 支持使用插件来扩展其功能，以下是几个常用的插件及其使用方法。
nuw-clean
该插件可以用来清理某些文件或文件夹：
npm install --save-dev nuw-clean
在 nuwfile.js 文件中添加以下代码即可使用：
module.exports = {
clean: {
folders: ['build', 'dist'],
files: ['*.log']
}
}以上代码会清理 build 和 dist 两个文件夹以及所有以 .log 结尾的文件。
nuw-uglify
该插件可以用来压缩 JavaScript 代码：
npm install --save-dev nuw-uglify
在 nuwfile.js 文件中添加以下代码即可使用：
module.exports = {
uglify: {
src: 'src/js/*.js',
dest: 'build/js/'
}
}以上代码会压缩 src/js/ 目录下的所有 JavaScript 文件，并将压缩后的文件存放到 build/js/ 目录下。
nuw-cssmin
该插件可以用来压缩 CSS 代码：
npm install --save-dev nuw-cssmin
在 nuwfile.js 文件中添加以下代码即可使用：
module.exports = {
cssmin: {
src: 'src/css/*.css',
dest: 'build/css/'
}
}以上代码会压缩 src/css/ 目录下的所有 CSS 文件，并将压缩后的文件存放到 build/css/ 目录下。
总结
在本文中，我们介绍了 npm 包 nuw 的使用方法。通过使用 nuw，我们可以方便地自动化完成一些重复性的工作，提高工作效率。同时，使用插件可以扩展 nuw 的功能，让我们的工作更加便捷。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066f963d1de16d83a66d7e