Yeoman Gruntfile dist任务不从.tmp文件夹复制样式(AngularJs)

时间:2014-02-26 19:21:57

标签: angularjs gruntjs yeoman yeoman-generator

出于某种原因,当我运行“grunt”时,我的Angular grunt任务不会从.tmp文件夹中复制样式表。 “Grunt服务器”工作正常。

我已经盯着这个已经很长一段时间并尝试过几个不同的东西,但是它不适合我,任何帮助都会非常感激!

// Generated on 2013-11-05 using generator-angular 0.5.1
'use strict';
var LIVERELOAD_PORT = 35729;
var mountFolder = function (connect, dir) {
    return connect.static(require('path').resolve(dir));
};

// # Globbing
// for performance reasons we're only matching one level down:
// 'test/spec/{,*/}*.js'
// use this if you want to recursively match all subfolders:
// 'test/spec/**/*.js'

module.exports = function (grunt) {
    require('load-grunt-tasks')(grunt);
    require('time-grunt')(grunt);

    // configurable paths
    var yeomanConfig = {
        app: 'app',
        dist: 'dist'
    };

    try {
        yeomanConfig.app = require('./bower.json').appPath || yeomanConfig.app;
    } catch (e) {}

    grunt.initConfig({
        yeoman: yeomanConfig,
        watch: {
            // coffee: {
            //   files: ['<%= yeoman.app %>/scripts/{,*/}*.coffee'],
            //   tasks: ['coffee:dist']
            // },
            // coffeeTest: {
            //   files: ['test/spec/{,*/}*.coffee'],
            //   tasks: ['coffee:test']
            // },
            compass: {
                files: ['<%= yeoman.app %>/styles/{,*/}*.{scss,sass}'],
                tasks: ['compass:server', 'autoprefixer']
            },
            styles: {
                files: ['<%= yeoman.app %>/styles/{,*/}*.css'],
                tasks: ['copy:styles', 'autoprefixer']
            },
            livereload: {
                options: {
                    livereload: LIVERELOAD_PORT
                },
                files: [
                    '<%= yeoman.app %>/{,*/}*.html',
                    '.tmp/styles/{,*/}*.css',
                    '{.tmp,<%= yeoman.app %>}/scripts/{,*/}*.js',
                    '<%= yeoman.app %>/images/{,*/}*.{png,jpg,jpeg,gif,webp,svg}'
                ]
            }
        },
        autoprefixer: {
            options: ['last 1 version'],
            dist: {
                files: [{
                    expand: true,
                    cwd: '.tmp/styles/',
                    src: '{,*/}*.css',
                    dest: '.tmp/styles/'
                }]
            }
        },
        connect: {
            options: {
                port: 9000,
                // Change this to '0.0.0.0' to access the server from outside.
                hostname: 'localhost'
            },
            livereload: {
                options: {
                    middleware: function (connect) {
                        return [
                            mountFolder(connect, '.tmp'),
                            mountFolder(connect, yeomanConfig.app)
                        ];
                    }
                }
            },
            test: {
                options: {
                    middleware: function (connect) {
                        return [
                            mountFolder(connect, '.tmp'),
                            mountFolder(connect, 'test')
                        ];
                    }
                }
            },
            dist: {
                options: {
                    middleware: function (connect) {
                        return [
                            mountFolder(connect, yeomanConfig.dist)
                        ];
                    }
                }
            }
        },
        open: {
            server: {
                url: 'http://localhost:<%= connect.options.port %>'
            }
        },
        clean: {
     options: { force: true },
            dist: {
                files: [{
                    dot: true,
                    src: [
                        '.tmp',
                        '<%= yeoman.dist %>/*',
                        '!<%= yeoman.dist %>/.git*'
                    ]
                }]
            },
            server: '.tmp'
        },
    // jshint: {
        //   options: {
        //       jshintrc: '.jshintrc'
        //   },
        //   all: [
        //       'Gruntfile.js',
        //       '<%= yeoman.app %>/scripts/{,*/}*.js'
        //   ]
        // },
        // coffee: {
        //   options: {
        //       sourceMap: true,
        //       sourceRoot: ''
        //   },
        //   dist: {
        //       files: [{
        //           expand: true,
        //           cwd: '<%= yeoman.app %>/scripts',
        //           src: '{,*/}*.coffee',
        //           dest: '.tmp/scripts',
        //           ext: '.js'
        //       }]
        //   },
        //   test: {
        //       files: [{
        //           expand: true,
        //           cwd: 'test/spec',
        //           src: '{,*/}*.coffee',
        //           dest: '.tmp/spec',
        //           ext: '.js'
        //       }]
        //   }
        // },
        compass: {
            options: {
                sassDir: '<%= yeoman.app %>/styles',
                cssDir: '.tmp/styles',
                generatedImagesDir: '.tmp/images/generated',
                imagesDir: '<%= yeoman.app %>/images',
                javascriptsDir: '<%= yeoman.app %>/scripts',
                fontsDir: '<%= yeoman.app %>/fonts',
                importPath: '<%= yeoman.app %>/bower_components',
                httpImagesPath: '/images',
                httpGeneratedImagesPath: '/images/generated',
                httpFontsPath: '/fonts',
                relativeAssets: false
            },
            dist: {},
            server: {
                options: {
                    debugInfo: true
                }
            }
        },
        // not used since Uglify task does concat,
        // but still available if needed
        /*concat: {
            dist: {}
        },*/
        rev: {
            dist: {
                files: {
                    src: [
                        // removed these as the prod server wont like all the new commits
                        // '<%= yeoman.dist %>/scripts/{,*/}*.js',
                        // '<%= yeoman.dist %>/styles/{,*/}*.css',
                        // '<%= yeoman.dist %>/images/{,*/}*.{png,jpg,jpeg,gif,webp,svg}', HAD TO REMOVE THIS SINCE IT WASN"T REVVING SOME FILES
                        // '<%= yeoman.dist %>/fonts/*'
                    ]
                }
            }
        },
        useminPrepare: {
            html: '<%= yeoman.app %>/index.html',
            options: {
                dest: '<%= yeoman.dist %>'
            }
        },
        usemin: {
            html: ['<%= yeoman.dist %>/{,*/}*.html'],
            css: ['<%= yeoman.dist %>/styles/{,*/}*.css'],
            options: {
                dirs: ['<%= yeoman.dist %>']
            }
        },
        imagemin: {
            dist: {
                files: [{
                    expand: true,
                    cwd: '<%= yeoman.app %>/images',
                    src: '{,*/}*.{png,jpg,jpeg}',
                    dest: '<%= yeoman.dist %>/images'
                }]
            }
        },
        // svgmin: {
        //   dist: {
        //       files: [{
        //           expand: true,
        //           cwd: '<%= yeoman.app %>/images',
        //           src: '{,*/}*.svg',
        //           dest: '<%= yeoman.dist %>/images'
        //       }]
        //   }
        // },
        cssmin: {
            // By default, your `index.html` <!-- Usemin Block --> will take care of
            // minification. This option is pre-configured if you do not wish to use
            // Usemin blocks.
            // dist: {
            //   files: {
            //       '<%= yeoman.dist %>/styles/main.css': [
            //           '.tmp/styles/{,*/}*.css',
            //           '<%= yeoman.app %>/styles/{,*/}*.css'
            //       ]
            //   }
            // }
        },
        htmlmin: {
            dist: {
                options: {
                    /*removeCommentsFromCDATA: true,
                    // https://github.com/yeoman/grunt-usemin/issues/44
                    //collapseWhitespace: true,
                    collapseBooleanAttributes: true,
                    removeAttributeQuotes: true,
                    removeRedundantAttributes: true,
                    useShortDoctype: true,
                    removeEmptyAttributes: true,
                    removeOptionalTags: true*/
                },
                files: [{
                    expand: true,
                    cwd: '<%= yeoman.app %>',
                    src: ['*.html', 'views/{,*/}{,*/}{,*/}{,*/}{,*/}{,*/}*.html'],
                    dest: '<%= yeoman.dist %>'
                }]
            }
        },
        // Put files not handled in other tasks here
        copy: {
            dist: {
                files: [{
                    expand: true,
                    dot: true,
                    cwd: '<%= yeoman.app %>',
                    dest: '<%= yeoman.dist %>',
                    src: [
                        '*.{ico,png,txt}',
                        '.htaccess',
                        'bower_components/**/*',
                        'images/**/*',
                        'scripts/**/*',
                        'staticData/**/*',
                        'fonts/*'
                    ]
                }, {
                    expand: true,
                    cwd: '.tmp/images',
                    dest: '<%= yeoman.dist %>/images',
                    src: [
                        'generated/*'
                    ]
                }]
            },
            styles: {
                expand: true,
                cwd: '<%= yeoman.app %>/styles',
                dest: '.tmp/styles/',
                src: '{,*/}*.css'
            }
        },
        concurrent: {
            server: [
                // 'coffee:dist',
                'compass:server',
                'copy:styles'
            ],
            test: [
                // 'coffee',
                'compass',
                'copy:styles'
            ],
            dist: [
                // 'coffee',
                'compass:dist',
                'copy:styles',
                'imagemin',
                // 'svgmin',
                'htmlmin'
            ]
        },
        // karma: {
        //   unit: {
        //       configFile: 'karma.conf.js',
        //       singleRun: true
        //   }
        // },
        cdnify: {
            dist: {
                html: ['<%= yeoman.dist %>/*.html']
            }
        },
        ngmin: {
            dist: {
                files: [{
                    expand: true,
                    cwd: '<%= yeoman.dist %>/scripts',
                    src: '*.js',
                    dest: '<%= yeoman.dist %>/scripts'
                }]
            }
        },
        uglify: {
            dist: {
                files: {
                    '<%= yeoman.dist %>/scripts/app.js': [
                        '<%= yeoman.dist %>/scripts/app.js'
                    ]
                }
            }
        }
    });

    grunt.registerTask('server', function (target) {
        if (target === 'dist') {
            return grunt.task.run(['build', 'connect:dist:keepalive']);
        }

        grunt.task.run([
            'clean:server',
            'concurrent:server',
            'autoprefixer',
            'connect:livereload',
            'watch'
        ]);
    });

    grunt.registerTask('test', [
        'clean:server',
        'concurrent:test',
        'autoprefixer',
        'connect:test'
        // 'karma'
    ]);

    grunt.registerTask('build', [
        'clean:dist',
        // 'useminPrepare',
        'concurrent:dist',
        'autoprefixer',
        // 'concat',
        'copy:dist',
        'cdnify',
        'ngmin',
        // 'cssmin',
        // 'uglify',
        'rev',
        // 'usemin'
    ]);

    grunt.registerTask('default', [
        // 'jshint',
        'test',
        'build'
    ]);
};

3 个答案:

答案 0 :(得分:2)

我猜它实际上是在复制它们,但它会在之后删除...当你致电grunt时它会调用default任务。

首先是test任务,它将通过concurrent:test

复制样式

但是只要test完成,build就会被调用,而它所做的第一件事就是clean:dist将删除这些样式

如果您还想拥有它们,可以在copy:styles任务中copy:dist之后添加build

grunt.registerTask('build', [
    'clean:dist',
    'concurrent:dist',
    'autoprefixer',
    'copy:dist',
    'copy:styles',
    'cdnify',
    'ngmin',
    'rev'
]);

答案 1 :(得分:0)

取消注释“cssmin”似乎解决了这个问题(出于某种原因)......

答案 2 :(得分:0)

如果您在&#39;脚本中有子目录,则将所有{,* /} *替换为Gruntfile.js中的** / *和&#39; styles&#39; dir。