Question

在我的源HTML中，我有：

<!-- bower:css -->
<link rel="stylesheet" href="../bower_components/angular-ui-notification/dist/angular-ui-notification.css" />
<link rel="stylesheet" href="../bower_components/bootstrap-select/dist/css/bootstrap-select.css" />
<link rel="stylesheet" href="../bower_components/nya-bootstrap-select/dist/nya-bs-select.css" />
<!-- endbower -->

用grunt wiredep制作，效果很好。此外，我希望将所有这个css连接到一个文件。我不想在gruntfile.js中手动添加此文件。如何使用usemin或bower-concat自动执行此操作。我对js文件做了同样的事情，一切正常。

对于js我有

1

wiredep: {

        task: {
            src: [
                'src/index.html'
            ]
        }
    },

在html中

< !-- bower:js -->
< !-- endbower -->

2。

  bower_concat: {
        dist: {
            dest: 'src/temp/js/panel-dep.js',
            cssDest: 'src/temp/css/panel-dep.css',
            bowerOptions: {
                relative: false
            },
            mainFiles: {
                package: [ 'path/to/its/file.css' ]
            }
        }
    },

3

uglify:{
      options:{
          manage: false
      },
        dist:{
            files:{
                'dist/js/panel.min.js': ['src/temp/js/**/*.js']
            }
        }
    },

然后我得到了很好的工作panel.min.js和带有此文件链接的HTML

自动连接bower css

0 个答案: