如何在 Meteor 1.4 中将属于 npm 依赖项的 js 和 css 文件添加到 <head>？答案

【问题标题】：How to add js and css files that are part of an npm dependency to <head> in Meteor 1.4?如何在 Meteor 1.4 中将属于 npm 依赖项的 js 和 css 文件添加到 <head>？
【发布时间】：2017-12-01 02:10:22
【问题描述】：

例如，我想在我的流星项目中将 Slider Pro 用作 npm 包，而不必从中创建 Atmosphere 包，但是文档 (https://github.com/bqworks/slider-pro) 说要在 <head> 中包含文件。 See Image Snippet of Docs。我该怎么做？

【问题讨论】：

您可能可以npm install 它并从项目中使用它们的任何文件中导入 css 和 js 文件。这个插件与 jQuery 一起分发，并且没有将其指定为依赖项，因此您必须从它自己的 npm 包或滑块包中安装和导入 jQuery。或者，您可以为它创建一个本地 Meteor 包。
见stackoverflow.com/questions/38765546/…
太晚了，lol 已经把它变成了 Meteor/Atmosphere 包，在我的项目的文件夹结构上要容易得多，而且包的大小比我作为 npm 包的要小。 fvpdev:slider-pro 但是@ghybs 看来你引用的解决方案不错，thnx
@fvpDev 感谢您的反馈！好吧，有了 Atmosphere 包，至少其他人现在可以使用它，所以你应该为为 Meteor 社区做出贡献而感到自豪！ :-) 请确保您的页面有据可查，以便人们可以轻松找到和使用它。

标签： meteor npm slider

【解决方案1】：

有几种方法可以做到这一点。无论您选择哪种方式，您仍然需要通过 Meteor 将其添加为 npm 包：

meteor npm install --save slider-pro

然后我通常会在imports/startup/client 目录中创建一个名为vendor.js 的文件，然后在vendor.js 文件中使用此代码：

import '../../../node_modules/slider-pro/dist/js/jquery.sliderPro.js';
import '../../../node_modules/slider-pro/dist/css/slider-pro.css';

然后在位于imports/startup/index.js 的文件中添加这个以包含vendor.js 文件：

import './vendor.js';

您只需要确保路径正确，在vendor.js 文件中，如您所见，由于我的vendor.js 文件嵌套比node_modules 目录深3 个目录，所有文件都必须是前面加上../../../，基本上意味着“返回三个目录”

【讨论】：