需要样式表并使用 browserify 将它们作为 link 标记注入 html

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

我想尝试使用 browserify 来构建我的项目。我可以使用相对路径请求 js 文件,然后将这些文件全部打包并缩小,这看起来很酷。但是我还不清楚,如果我可以自动将该包添加到 html 作为

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

而且,如果我可以用 css 做类似的技巧 - 以某种方式需要 css 文件,包括供应商的文件,捆绑并缩小该文件并将捆绑的 css 注入到 html head 作为 <link> 标签,而不是 <style>

这可能吗?如果是这样怎么办?或者,也许这样的想法本身只是对项目应该如何建设的一种误解?如果是这样,我哪里弄错了?

我使用 Microsoft Ajax Minifier 来做到这一点。我创建捆绑脚本只是为了满足 css 和 js 的需要。它有一个 -pretty 选项,它只复制文件但不缩小以使其更容易调试。

文件顺序很重要。

在 CSS 上,如果您使用背景图标等嵌入图标,请小心:url("somefile.jpg")。您的图像必须相对于 css 中使用的路径放置,捆绑文件最终所在的位置,而不是您的页面所在的位置。

你应该检查 browserify-css 它允许缩小,插入另一个包 css 文件。
但是 browserify 的主要功能是将 JavaScript 个文件构建成一个主文件,而不是 css 处理。它只是不是为 css.

创建的