Package.js 现代化的JavaScript项目make工具

Package.js 是一款现代化的 JavaScript 项目 make 工具，它可以帮助你快速搭建和管理 JavaScript 项目。Package.js 面向的目标是轻量级的，它的核心是通过一个简单的配置文件来执行一系列的任务，包括打包、编译、压缩、测试等等。在配置文件中，你可以使用很多现代化的 JavaScript 特性，如 import/export 语句等等。本文将详细介绍如何使用 Package.js 来搭建和管理 JavaScript 项目。

安装 Package.js

要使用 Package.js ，我们需要先安装它。你可以使用下面的命令来安装 Package.js：

npm install -g package-js

创建项目

在安装完成 Package.js 后，我们就可以使用它来创建一个新的项目了。使用下面的命令来创建一个名为 my-project 的新项目：

package-js create my-project

这个命令会创建一个新的 my-project 目录，并且在这个目录中创建一个 package.js 配置文件和一些示例代码。

配置文件

Package.js 的核心是一个名为 package.js 的配置文件。这个配置文件遵循了 JavaScript 的语法规则，你可以在这个文件中使用任何 JavaScript 代码。

下面是一个简单的示例配置文件：

import { build, clean } from 'packagejs';

export default {
  tasks: {
    build: () => {
      clean('dist');
      build({
        input: 'src/index.js',
        output: 'dist/bundle.js',
      });
    },
  },
};

这个配置文件中导出了一个对象，里面包含了一个名为 tasks 的对象。在 tasks 中，我们定义了一个名为 build 的任务。build 任务调用了 clean 和 build 函数来清理 dist 目录和打包 JavaScript 文件。在这个配置文件中，我们使用了 import/export 语句来引入 packagejs 中的函数。

执行任务

执行任务是使用 Package.js 的最主要的功能。要执行一个任务，我们可以使用下面的命令：

package-js run build

这个命令会执行 build 任务，也就是使用 clean 和 build 函数来清理 dist 目录和打包 JavaScript 文件。

示例1：创建自定义的任务

除了使用已有的任务外，我们也可以创建自定义的任务。如下例：

import { task, exec } from 'packagejs';

export default {
  tasks: {
    clean: () => {
      exec('rm -rf dist');
    },
    build: () => {
      task('clean');
      exec('rollup -c');
    },
  },
};

这个配置文件中创建了两个任务：clean 和 build。clean 任务使用 exec 函数执行了一个系统命令来清空 dist 目录。build 任务则使用 task 函数引用了 clean 任务，保证在执行 build 前先执行了 clean。接着，使用 exec 函数执行了 rollup 命令来打包 JavaScript 文件。

示例2：使用插件

除了使用已有的函数外，我们还可以使用 packagejs 中的插件来扩展 Package.js 的能力。如下例：

import { copy, css, log } from 'packagejs';
import md5 from 'md5';

export default {
  tasks: {
    build: () => {
      copy({ src: 'public/**/*', dest: 'dist' });
      css({ src: 'src/style.css', dest: 'dist' });
      log(`MD5: ${md5('build')}`);
    },
  },
};

这个配置文件中使用了三个插件：copy、css 和 log。copy 插件用来拷贝 public 目录下的文件到 dist 目录，在实际应用中可以用来拷贝图片、字体等资源文件；css 插件用来编译和压缩 CSS 文件；log 插件用来输出一些调试信息。此外，这个配置文件还使用了 md5 来输出 build 文件的 MD5 值，以检测文件变化。