基础 6:如何从包管理器中包含静态 css?
Foundation 6: how to include static css from package manager?
我正在通过 Bower 或 npm 将第三方 jquery 插件加载到 Foundation 6 中。
我已将 javascript 包含在 config.yml
中,效果很好:
javascript:
[...]
- "bower_components/path/to/thirdpartyplugin.js"
但此类插件也会带来基本的 css 文件,我宁愿不复制,而是直接包含。
那么我应该在哪里以及如何包含它们以便编译(捆绑)到 app.css
中?此外,许多插件都带有 .svg 或一些 .png 之类的资产——我如何让编译器将它们复制到 dist
中的正确位置?
我想这在当前的基础工作流程中是不可能的。一个解决方案是编写一个自己的 gulp 任务,将所有资产从组件复制到 /src/,然后编译它们。
PS:这是 ZURB 推荐的工作流程,http://zurb.com/university/lessons/adding-on-to-a-great-foundation – 同样,复制粘贴。
我正在通过 Bower 或 npm 将第三方 jquery 插件加载到 Foundation 6 中。
我已将 javascript 包含在 config.yml
中,效果很好:
javascript:
[...]
- "bower_components/path/to/thirdpartyplugin.js"
但此类插件也会带来基本的 css 文件,我宁愿不复制,而是直接包含。
那么我应该在哪里以及如何包含它们以便编译(捆绑)到 app.css
中?此外,许多插件都带有 .svg 或一些 .png 之类的资产——我如何让编译器将它们复制到 dist
中的正确位置?
我想这在当前的基础工作流程中是不可能的。一个解决方案是编写一个自己的 gulp 任务,将所有资产从组件复制到 /src/,然后编译它们。
PS:这是 ZURB 推荐的工作流程,http://zurb.com/university/lessons/adding-on-to-a-great-foundation – 同样,复制粘贴。