需要样式表并用browserfy将它们作为链接标记注入html

Require stylesheets and inject them to html as link tag with browserify

本文关键字：链接 html 注入样式 browserfy 更新时间：2023-09-26

我想尝试使用browserfy来构建我的项目。我可以使用相对路径要求js文件，然后将这些文件捆绑在一起并缩小，这看起来很酷。但我还不清楚，如果我能自动将该捆绑包作为添加到html中

<script src=".../.../bundle.min.js"></script>

而且，如果我能用css做一个类似的技巧——以某种方式需要css文件，包括供应商的文件，捆绑和缩小这些文件，并将捆绑的css作为<link>标记而不是<style>注入到html头中。

这可能吗？如果是，怎么办？或者，也许这样的想法本身只是对项目应该如何构建的误解？如果是，我错在哪里了？

您应该检查browserfy-css它允许缩小，插入到另一个bundle css文件中
但是browserfy的主要功能是将JavaScript文件构建成一个单独的主文件，而不是css处理。它不是为css创建的。

我使用Microsoft Ajax Minifier来实现这一点。我创建捆绑脚本只是为了满足css和js的需要。它有一个漂亮的选项，只复制文件，但不缩小，使调试更容易。

文件顺序很重要。

在CSS上，如果您使用的是嵌入的图标，如background icon:url（"somefile.jpg"），请小心。您的图像必须相对于CSS中使用的路径放置，捆绑文件最终会出现在哪里，而不是页面所在的位置。