Rollup.js 之四：npm run build

来源：rollup.js 官网

很多 JavaScript 项目都遵循一个简单惯例：敲入 npm run build 后，就能构建项目。当多人合作时十分有用，因为人们不需要了解构建细节（不管是 Rollup，Webpack，Gulp 还是别的什么工具），就可以直接查看源代码。他们甚至不需要全局安装 Rollup。

设置自己的 npm run build 脚本，非常简单。

创建 package.json 文件

package.json 包含重要的项目信息，包括名称、版本、许可证和依赖项等。

执行 npm init 可以创建一个简单 package.json 。

打开 package.json，找到 scripts 字段，增加 build 属性：

{
    // ...,
    "scripts": {
        "test": "echo \"Error: no test specified\" && exit 1",
        "build": "rollup -c"
    }
    // ...
}

假设在项目文件夹中已经存在 rollup.config.js 文件。

本地安装 Rollup

最好使用本地安装的 Rollup ，因为别人克隆完项目后，通过 npm install 就能得到一个兼容版本。

执行如下命令安装本地版 Rollup:

npm install --save-dev rollup
# 简写形式如下：
npm i -D rollup

注意到，devDependencies 字段已经增加到你的 package.json 文件：

{
    // ...,
    "devDependencies": {
        "rollup": "^0.41.4"
    }
    // ...,
}

所有的 npm run 脚本都会查找本地版本的命令。

尝试运行命令：

npm run build

使用 npm run dev 命令实现自动刷新

安装 rollup-watch 后，可以创建一个脚本，监听到源文件变化后，会自动编译项目。安装命令如下：

npm install --save-dev rollup-watch

在 package.json 中增加 dev 字段：

{
    // ...,
    "scripts": {
        "test": "echo \"Error: no test specified\" && exit 1",
        "build": "rollup -c",
        "dev": "rollup -c -w"
    }
    // ...
}

命令 rollup -c -w （rollup --config --watch 的缩写）让 Rollup 运行在监听模式。

下一篇：使用插件