@greenwood/plugin-import-json

Overview

A Greenwood plugin to allow you use ESM (import) syntax to load your JSON.

This package assumes you already have @greenwood/cli installed.

Installation

You can use your favorite JavaScript package manager to install this package.

examples:

# npm
npm install @greenwood/plugin-import-json --save-dev

# yarn
yarn add @greenwood/plugin-import-json --dev

Usage

Add this plugin to your greenwood.config.js and spread the export.

import { greenwoodPluginImportJson } from '@greenwood/plugin-import-json';

export default {
  ...

  plugins: [
    greenwoodPluginImportJson()
  ]
}

This will then allow you to use import to include JSON in your JavaScript files.

import json from '../path/to/data.json'; // must be a relative path per ESM spec

console.log(json); // { status: 200, message: 'some data' }

A couple notes:

• For SSR and prerender use cases, follow these steps
• For client side / browser code specifically, it is recommended to append ?type=json, e.g.

  import json from '../path/to/data.json?type=json';

The plan is to coalesce around import assertions in time for the v1.0 release so the same standard syntax can be used on the client and the server.