将多个javascript文件与bower结合使用

2023-01-10 08:48:59

我正在考虑将Bower与我的项目(更具体地说,django-bower)一起使用,如果bower能够在推送到生产时将多个javascript文件合并到一个文件中,我很好奇.

换句话说,它需要：

> jquery.min.js
> angular.min.js
> something_else.js
> another_thing.js

并生成一个用户加载的文件：everything.js

实际上我们有超过20-30个js的文件,这就是为什么这会非常有用.

解决方法:

使用Browserify.它需要您的Node需要并将它们编译成一个可以包含在HTML中的JS文件. Ex main.js：

var JQuery = require('jquery');
var Angular = require('Angular');
require('./something_else');
require('./another_thing');

浏览你的依赖链……

browserify main.js > compiled.js

包含在您的HTML中

<html>
  <head>
    <script type="text/javascript" src="compiled.js"></script>
  </head>
</html>

码农公寓