时间戳

首页 > 解决方案 > 如何将 module.exports 转换为 json 以用于 gulp 任务？

javascript - 如何将 module.exports 转换为 json 以用于 gulp 任务？

问题描述

我正在尝试使用此 gulp 插件https://www.npmjs.com/package/gulp-json-data-to-sass将一些变量从我的 JS 配置文件传递给 SASS，该插件接受 JSON 文件作为输入.

我的配置文件如下

// config.js

module.exports = {
    use: {
        gallery: true,
        animations: true,
    },
}

如何将其转换为有效的 JSON 文件，最好使用 gulp 本身，以便能够将其传递给插件？

标签： javascriptjsongulp

解决方案

您可以将其存储为 JSON：

config.json：

{
    "use": {
        "gallery": true,
        "animations": true,
    }
}

这就是 npm 包示例的方式。如果您需要从其他地方的 JS 代码中使用它，您可以要求 JSON。

const config = require('./config.json');

不确定如何将其添加到 gulp 管道中，但您可以在构建管道中编写一个助手来执行此操作：

const config = require('./config')
const fs = require('fs')

fs.writeFileSync('./config.json', JSON.stringify(config), 'utf8')

推荐阅读