1

我目前正在使用 Yeoman 生成的 Gruntfile 并希望连接和缩小我的 CSS。我为我的 JavaScript 执行此操作的方式似乎工作正常，但是当我尝试将相同的方法应用于我的 css 文件时，我只是将它们连接在一起而没有缩小。

这是我在 index.html 文件中所做的事情：

    <!-- build:css styles/dist.bundle.css -->
    <link rel="stylesheet" href="styles/loader.css" />
    <link rel="stylesheet" href="styles/social.css" />
    <link rel="stylesheet" href="styles/main.css" />
    <!-- endbuild -->

请注意，如果我删除构建块注释，我会得到一个缩小版本，但只是在 3 个单独的文件中。

在我的 Gruntfile 配置中，我有以下内容：

    cssmin: {
        dist: {
            files: {
                '<%= yeoman.dist %>/styles/dist.bundle.css': [
                    '.tmp/styles/{,*/}*.css',
                    '<%= yeoman.app %>/styles/{,*/}*.css'
                ]
            }
        }
    }

我的 usemin 配置只是默认配置：

    useminPrepare: {
        html: '<%= yeoman.app %>/index.html',
        options: {
            dest: '<%= yeoman.dist %>'
        }
    },
    usemin: {
        html: ['<%= yeoman.dist %>/{,*/}*.html'],
        css: ['<%= yeoman.dist %>/styles/{,*/}*.css'],
        options: {
            dirs: ['<%= yeoman.dist %>']
        }
    }

谁能建议我如何实现我想要做的事情？或者这对于 usemin 和 cssmin 是不可能的？

谢谢。

4

1 回答 1

0

你能粘贴你的 gruntfiles 吗？因为 usemin 本身不会连接/缩小/丑化，而是告诉将要使用的文件的任务，也许你没有要求 grunt 在连接后缩小文件

于 2013-04-18T15:02:36.560 回答