如何使用 NPM 和 Meteor 获取 css 文件？

Posted 2023-03-08

【中文标题】如何使用 NPM 和 Meteor 获取 css 文件？

【英文标题】：How to require css file using NPM and Meteor?

【发布时间】：2016-04-05 19:54:30

【问题描述】：

我想添加 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') 放在哪里而不会引发语法错误。而且我不能将它分配给变量，那我该怎么办？

【参考方案1】：

Meteor 1.3.2 出来后，你就可以在foo.js：

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

如果你是 packages/my-asset-imports 中创建一个包，如下所示：

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

【参考方案2】：

你不需要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

这完全解决了您的问题。

【讨论】：

我看不出它是如何真正解决这个问题的？ OP 想要访问 NPM 模块中包含的 CSS 文件。目前（也在 Meteor 1.3 中）唯一的方法是在应用程序的 CSS 文件中将 CSS 文件添加为 @import '../node_modules/react-date-picker/index.css' （或类似的东西） .