Loading json files with webpack plugin

I am using the webpack plugin and I am not sure what’s the right way to load json files.

I’ve added the json-loader plugin: https://github.com/RalucaNicola/edge-rendering/blob/master/webpack.config.js#L36 but I get the following error:

Error: Cannot find module '/Library/WebServer/Documents/edge-rendering/node_modules/json-loader/index.js!/Library/WebServer/Documents/edge-rendering/node_modules/dojo/package.json'

Should I add something else to the webpack config or should I load it differently?

[odoe]

I got this build without errors and it consoles the json correctly, but not sure it’s updating the app right.

// webpack.config.js
      {
        test: /\.json$/,
        type: "javascript/auto",
        loader: 'json-loader',
        exclude: /node_modules/
      },

// night.ts
import * as novaStyle from '../../basemap-styles/nova.json';

console.log("nova", novaStyle, "style");

Webpack 4 handles JSON natively, but since we have to go through the Dojo loader to process the file, things get tricky.

Let me know if that helps.

[odoe]

Yeah, I don’t know where type is doc’d. I just came across it in this issue https://github.com/webpack/webpack/issues/6357

Thanks!