Question

我一直在使用factor-bundle来包装我常用的JS文件：

browserify index.js bar-charts.js list-filter.js dashboard.js 
 -p [ factor-bundle -o ../../static/js/index.js -o ../../static/js/bar-chart.js -o ../../static/js/list-filter.js -o ../../static/js/dashboard.js ] 
 -o ../../static/js/common.js

然后我在我的HTML中包含了common.js以及一个Bootstrap警报：

 <div class="alert alert-danger alert-dismissible" role="alert">
    <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
    Alert alert!
 </div> 
 <script src="/static/js/common.js"></script>

但警报关闭按钮不起作用，因此Bootstrap显然没有被提取。

如果我在CDN中包含Bootstrap和jQuery，在同一个HTML页面中，它可以正常工作：

<div class="alert alert-danger alert-dismissible" role="alert">
    <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
    Alert alert!
 </div> 
<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>

这是一个带有我的common.js文件的JSFiddle，不起作用：http://jsfiddle.net/2v9easbz/

这是一个带有直接CDN链接的JSFiddle，工作正常：http://jsfiddle.net/vkf027z2/

我的common.js文件出了什么问题？

因子捆绑包裹时，Bootstrap不起作用？

0 个答案: