NPM install missing ./dist/query-builder.css

[JamesMcGuigan]

I was investigating this tool for use in an ES6 project with a custom webpack/babel config (without babel "es2015").

Attempting to import your npm module resulted in a compile time error due to a missing file, with the error focused on this line

./dist/query-builder.js:4 import './query-builder.css';

There are a few possible fixes:

• Copy ../src/query-builder.css ../dist/query-builder.js as part of the prepublish npm script
  package.json

    "compile": "babel src --out-dir dist && cp ../src/query-builder.css ../dist/query-builder.js",

• Change the ES6 css import statement to go up a directory first, so the dist folder can always import the css file directly from the ./src/ directory

./dist/query-builder.js:4

import '../src/query-builder.css';

• Change the package json file to directly reference the uncompiled ./src/ directory for external webpack ES6 imports, rather than pointing to the ./dist/ directory which is for those who lack a external buildchain

package.json

  "main": "src/query-builder.js",