sheetify icon indicating copy to clipboard operation
sheetify copied to clipboard

Hoy to use npm packages with no css in "main" but "style" defined?

Open YerkoPalma opened this issue 9 years ago • 1 comments

I have the following problem. I'm using two npm packages that use css defined on their package.json files. The first one, tachyons, defines in the main and style section a path to the css. The second one, leaflet, define a js file in his main section and a css file in his style section. When I use them with sheetify, tachyons work, but leaflet fails. I'm using it like this.

const sf = require('sheetify')

sf('tachyons', { global: true })
sf('leaflet', { global: true })

That result in

Error: Cannot find module 'leaflet' from '/home/yerko/Dev/partes/src' while parsing file: /home/yerko/Dev/partes/src/app.js

So, am I doing it wrong? or should sheetify recognize leaflet css file?

YerkoPalma avatar Sep 26 '16 02:09 YerkoPalma

An alternative is to use require.resolve to get the correct base path of the module folder you want, modify the path to point to the correct css file, and pass that path to sheetify as if it were a local css file. Note, that this will default to a non-global css insert so turn that on if you want to not prefix it. You can also send a PR to add the correct stylesheet export to the package.json in some cases.

bcomnes avatar Oct 02 '16 17:10 bcomnes