Requiring CSS files from node_modules fails with SyntaxError: Unexpected token

Steps to reproduce in an empty folder

npm install browserify-css
npm install leaflet
echo 'require("leaflet/dist/leaflet.css")' > index.js
browserify index.js -t browserify-css -o bundle.js

/tmp/leaflet-css/node_modules/leaflet/dist/leaflet.css:3 .leaflet-map-pane, ^ ParseError: Unexpected token

Copying the CSS file to the root works

cp node_modules/leaflet/dist/leaflet.css leaflet.css
echo 'require("./leaflet.css")' > index.js
browserify index.js -t browserify-css -o bundle.js

Is there anything we can do about it? Or does browserify treat these files differently and they don’t even reach the transform?

[cheton]

Note that the -t option will only transform module on top-level files.

In your case, you can use the -g option to transform module in the node_modules directory, like so:

browserify index.js -g browserify-css -o bundle.js

[jlaustill]

I also figured out that you can use it with gulp, the api isn’t documented well either

.transform({global: true}, require("browserify-css"))