如何使用NPM和Meteor要求css文件?

时间:2016-01-01 03:16:19

标签: meteor reactjs npm browserify

我想添加react-date-picker(https://github.com/zippyui/react-date-picker)。它说我需要添加行

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

使用meteorhacks:npm和browserify,我让模块工作。

/server/declarations.js

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

/lib/app.browserify.js

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

但是如何才能获得使模块样式起作用的CSS文件?我不知道在不抛出语法错误的情况下放置require('react-date-picker/index.css')的位置。我无法将其分配给变量,所以我该怎么办?

2 个答案:

答案 0 :(得分:5)

当Meteor 1.3.2发布时,你可以在foo.js中完成:

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

如果你是< 1.3.2,解决方法是在packages/my-asset-imports中创建一个包,如下所示:

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

答案 1 :(得分:0)

你不需要meteorhacks:npm!

按照以下指南将您的应用更新为Meteor 1.3 Beta:https://github.com/meteor/meteor/issues/5788

然后在此处阅读如何使用新功能:https://github.com/meteor/meteor/blob/release-1.3/packages/modules/README.md

这完全解决了您的问题。