【问题标题】:best practice to include a frontend npm package with css/js?包含带有 css/js 的前端 npm 包的最佳实践?
【发布时间】:2016-01-28 08:46:18
【问题描述】:

我刚开始使用 NPM、Gulp 等。 到目前为止,我只有 NPM 包,它们要么只包含 JS,要么只包含 CSS/SASS。 我所做的是,取决于包:

  • 将包复制到供应商目录,以便我可以使用它(如果是波旁威士忌)
  • 让 gulp 抓取文件并将其连接到我的 main.js 或 main.css

现在我有了由 CSS 和 JS 组成的 fancybox NPM 包。 我是否也应该将 CSS 与 JS 分开并进行处理(复制、连接、重命名等)?

阅读了多篇关于处理 NPM(前端)包的博客后,我仍然不确定处理此类包的最佳方法是什么。

想法?

【问题讨论】:

    标签: javascript css node.js npm gulp


    【解决方案1】:

    好吧,猜猜依赖安装在 node_modules(或 bower 模块)中的包本身是可以的。

    您可以在构建系统正在构建的适当 vendor.css 和 vendor.js 文件中包含 css 和 js 文件。

    我宁愿不将它复制到某个供应商文件夹,而是直接包含在供应商文件中。

    【讨论】:

    • 谢谢,为什么不在某些供应商文件夹中创建本地副本?我的想法是我不会与节点包紧密耦合。但除此之外,你说,将 js 和 css 从单个 npm-package 中分离出来是一个有效的选择吗?
    • 我的意思是使用 npm 或 bower 很好,然后不要复制到 vendor 文件夹中。因此,您的项目将很容易通过 npm install 或 bower install 安装,然后您可以触发指向 node_modules 或 bower_components 中的包的构建系统(gulp、grunt)。如果您想更新 - 无需复制到供应商文件夹。您可以调用 npm update 或 bower update。做副本会增加您需要做的工作量来维护软件包的最新状态。 Npm 或 bower 可以为您做到这一点!
    • 我确实通过 gulp 复制了所有文件。所以每次我构建我的项目时都会自动复制它们(这是 Visual Studio 特定的)
    猜你喜欢
    • 2021-11-29
    • 1970-01-01
    • 2018-01-30
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-03-03
    • 2020-09-17
    • 1970-01-01
    相关资源
    最近更新 更多