Build breaks when importing JSON in .scss file using sass-loader

[dhruvparmar372]

I'm using sass-loader with {importer: jsonImporter} configuration to allow importing JSON into stylesheet files as constants.

2nd build breaks with error

ERROR in ./source/stylesheets/application.scss
Module build failed: ModuleBuildError: Module build failed: 
{
^
      Invalid CSS after "{": expected 1 selector or at-rule, was "{"
      in /Users/dhruv/code/teamweek/timeline/source/javascripts/core/constants.json (line 1, column 1)
    at runLoaders (/Users/dhruv/code/teamweek/timeline/node_modules/webpack/lib/NormalModule.js:194:19)
    at /Users/dhruv/code/teamweek/timeline/node_modules/loader-runner/lib/LoaderRunner.js:364:11
    at /Users/dhruv/code/teamweek/timeline/node_modules/loader-runner/lib/LoaderRunner.js:230:18
    at context.callback (/Users/dhruv/code/teamweek/timeline/node_modules/loader-runner/lib/LoaderRunner.js:111:13)
    at Object.asyncSassJobQueue.push [as callback] (/Users/dhruv/code/teamweek/timeline/node_modules/sass-loader/lib/loader.js:55:13)
    at Object.<anonymous> (/Users/dhruv/code/teamweek/timeline/node_modules/sass-loader/node_modules/async/dist/async.js:2244:31)
    at Object.callback (/Users/dhruv/code/teamweek/timeline/node_modules/sass-loader/node_modules/async/dist/async.js:906:16)
    at options.error (/Users/dhruv/code/teamweek/timeline/node_modules/node-sass/lib/index.js:294:32)