Hiswe/json-import

a test of how we can import JSON in september 2018

json-import

a test of how we can import JSON in september 2018.

• requirements
• start
• tested
  • fetch
  • import
  • using a bundler (parcel in this case)

requirements

• node >= 8.12.0
• yarn >= 1.9.4

start

yarn install
yarn start

server will be listening on http://127.0.0.1:8080

tested

fetch

• Present in all browsers > IE11. See caniuse
• Replacement of XMLHttpRequest.
• Can use a unfetch polyfill

fetch('/data.json')
  .then(response => response.json())
  .then(json => console.log(json))

import

• Present in all browsers > IE11. See caniuse
• Can't import JSON file
• Have to add the type="module" attribute on the script tag
• No real polyfill

import json from '/data.js'
console.log(json)

using a bundler (parcel in this case)

• Work in all browsers
• Can import json
• Add a build step

import json from '../public/data.json'
console.log(json)