Angularjs 缩小后的角度ui选择打断

Angularjs 缩小后的角度ui选择打断,angularjs,gruntjs,minify,angular-ui-select,Angularjs,Gruntjs,Minify,Angular Ui Select,我目前需要维护一个angular.js 1.5应用程序,它使用angular ui select 0.19.8。 我遇到的问题是,在打包应用程序时,ui选择会以某种方式中断。 使用grunt-serve运行时,此部分: <ui-select mandatory-field-marker multiple ng-required="true" ng-model="some.periods"> <ui-select-match placeholder="S

我目前需要维护一个angular.js 1.5应用程序,它使用angular ui select 0.19.8。 我遇到的问题是,在打包应用程序时,ui选择会以某种方式中断。 使用
grunt-serve
运行时,此部分:

<ui-select mandatory-field-marker
     multiple ng-required="true"
     ng-model="some.periods">
   <ui-select-match placeholder="Select some periods...">
     {{$item | period}}
   </ui-select-match>
   <ui-select-choices
        repeat="period in formCtrl.periods">
     <div ng-bind-html="period | highlight: $select.search"></div>
   </ui-select-choices>
</ui-select>
但是,只有
bootstrap.min.css
main.min.css
被打包到my dist中:


还是不知道原因。

我已经修好了,但不是很优雅。 问题是,select.css和ng-tags-input.css没有打包到vendor.min.css中,因此它们在部署后丢失了。 我无法确定哪个grunt任务应该构建vendor.min.css,但至少我知道应该构建vendor.min.css的人都没有。 所以在index.html中,我改变了部分

<!-- build:css(.) styles/vendor.min.css -->
<!-- bower:css -->
<link rel="stylesheet" href="bower_components/angular-ui-select/dist/select.css" />
<link rel="stylesheet" href="bower_components/ng-tags-input/ng-tags-input.css" />
<!-- endbower -->
<!-- endbuild -->
<!-- build:css(.) styles/bootstrap.min.css -->
<link rel="stylesheet" href="styles/bootstrap.css">
<!-- endbuild -->
<!-- build:css(.) styles/main.min.css -->
<link rel="stylesheet" href="styles/main.css">
<!-- endbuild -->


现在可以了。
如果将来有更多来自bower_组件的css文件,这将是一个问题,但我所说的应用程序将在明年停止使用,所以这无关紧要。

您使用的是ui select min版本吗?或者你自己在缩小它?目前,缩小是使用grunt contrib任务完成的,该任务包含htmlmin、cssmin和其他。bower.json将“
”angular ui select:“0.19.8”
作为依赖项,我不知道ui select有一个缩小版。然而,拉式依赖项似乎缩小了。我加了一张照片。
<!-- build:css(.) styles/vendor.min.css -->
<!-- bower:css -->
<link rel="stylesheet" href="bower_components/angular-ui-select/dist/select.css" />
<link rel="stylesheet" href="bower_components/ng-tags-input/ng-tags-input.css" />
<!-- endbower -->
<!-- endbuild -->
<!-- build:css(.) styles/bootstrap.min.css -->
<link rel="stylesheet" href="styles/bootstrap.css">
<!-- endbuild -->
<!-- build:css(.) styles/main.min.css -->
<link rel="stylesheet" href="styles/main.css">
<!-- endbuild -->
<!-- build:css(.) styles/select.min.css -->
<link rel="stylesheet" href="bower_components/angular-ui-select/dist/select.css" />
<!-- endbuild -->
<!-- build:css(.) styles/ng-tags-input.min.css -->
<link rel="stylesheet" href="bower_components/ng-tags-input/ng-tags-input.css" />
<!-- endbuild -->
<!-- build:css(.) styles/bootstrap.min.css -->
<link rel="stylesheet" href="styles/bootstrap.css">
<!-- endbuild -->
<!-- build:css(.) styles/main.min.css -->
<link rel="stylesheet" href="styles/main.css">
<!-- endbuild -->