Javascript 需要样式表并将其作为带有browserify的链接标记注入html

Javascript 需要样式表并将其作为带有browserify的链接标记注入html,javascript,html,css,browserify,Javascript,Html,Css,Browserify,我想尝试使用browserify来构建我的项目。看起来很酷,我可以使用相对路径要求js文件,然后将这些文件打包并缩小到一起。但我还不清楚是否可以自动将该包添加到html中 而且,如果我能用css做一个类似的把戏——不知何故需要css文件,包括供应商的文件,将这些文件打包并缩小,然后将打包的css作为标记注入html头部,而不是 可能吗?如果是,怎么做?或者,也许这种想法本身只是对项目应该如何建设的误解?如果是这样的话,我错在哪里了?我使用Microsoft Ajax Minifier来实现这一

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

而且,如果我能用css做一个类似的把戏——不知何故需要css文件,包括供应商的文件,将这些文件打包并缩小,然后将打包的css作为
标记注入html头部,而不是


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

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

文件的顺序很重要

在CSS上,如果您使用的是嵌入式图标,如backgroundicon:url(“somefile.jpg”),请小心。您的图像必须相对于css中使用的路径放置,该路径是捆绑文件结束的位置,而不是页面所在的位置。

您应该检查它是否允许缩小,插入另一个捆绑css文件。

但是browserify的主要功能是将JavaScript文件构建成一个主文件,而不是css处理。它不是为css创建的。

此工具可以单独使用,也可以由Visual Studio在构建过程中使用,就像我的例子一样。我最终得到了4个文件。1个用于jquery和jquery.ui之类的插件,1个用于第一个文件附带的css插件,我的css和特定于页面的javascript。我已经查看了browserify css,但它通过标记插入css,amiright?@TristanTzara是的,不幸的是这是一个限制。如果您需要一个最终的独立css文件,请使用gulp-concat。因此,看起来browserify本身不会帮助我做这样的事情,我最好使用gulp-concat+gulp-minify css+gulp-inject,而不使用browserify?@TristanTzara是的,我认为这是正确的决定。browserify的主要功能是将JavaScript文件构建为单个主文件,而不是css处理。它不是为css创建的。