How to require css file using NPM and Meteor?

Question

I want to add the react-date-picker (https://github.com/zippyui/react-date-picker). It says that I need to add the lines

require('react-date-picker/index.css');
var DatePicker = require('react-date-picker');

And using meteorhacks:npm and browserify, I have the module working.

/server/declarations.js

DatePicker = Meteor.npmRequire('react-date-picker');

/lib/app.browserify.js

DatePicker = require('react-date-picker');

But how can I get the CSS file that styles the module to work? I don't know where to put the require('react-date-picker/index.css') without throwing a syntax error. And I can't assign it to a variable, so what do I do?

Answer 1

When Meteor 1.3.2 comes out, you will be able to do, in foo.js:

import "npm-package-name/path/to/style.css";

If you are < 1.3.2, the workaround is to create a package in packages/my-asset-imports like this:

https://gist.github.com/BretFisher/9ea1ba440cb999af9c95