Html 缩小css-删除标记文件的内联样式的angularjs表达式

Html 缩小css-删除标记文件的内联样式的angularjs表达式,html,css,angularjs,minify,Html,Css,Angularjs,Minify,我和angularjs一起工作 在标记文件中,我有这样一种内联样式: <div class="progress-bar" style="display: block; width: {{::provision.precision}}%"> </div> 我缩小了这个html代码。下面是grunt配置: htmlmin: { dist: { options: { collapseWhitespace: false, cons

我和angularjs一起工作

在标记文件中,我有这样一种内联样式:

<div class="progress-bar"
    style="display: block; width: {{::provision.precision}}%">
</div>

我缩小了这个html代码。下面是grunt配置:

htmlmin: {
  dist: {
    options: {
      collapseWhitespace: false,
      conservativeCollapse: false,
      collapseBooleanAttributes: true,
      removeComments: true,
      removeCommentsFromCDATA: true,
      removeOptionalTags: true,
      minifyJS: {
        mangle: false
      },
      minifyCSS: true
    },
    files: [{
      expand: true,
      cwd: '<%= yeoman.dist %>',
      src: [
        '*.html',
        'views/{,*/}*.html'
      ],
      dest: '<%= yeoman.dist %>'
    }]
  }
}
htmlmin:{
地区:{
选项:{
collapseWhitespace:false,
保守派:错,
collapseBooleanAttributes:没错,
removeComments:对,
removeCommentsFromCDATA:true,
removeOptionalTags:true,
minifyJS:{
马槽:错
},
minifyCSS:对
},
档案:[{
是的,
cwd:“”,
src:[
“*.html”,
'views/{,*/}*.html'
],
目标:“”
}]
}
}
htmlmin中有minifyCSS,可以使用来缩小内联样式

缩小后的结果如下所示:

<div class="progress-bar" style="display: block;"></div>

样式属性中没有宽度

有人知道如何配置minifyCSS以在缩小后保持
宽度:{{{::provision.precision}}%

我找到了解决方案

使用ng样式而不是样式属性。就这些