Question

我在顶级目录中有一个grunt文件，我想包含子文件夹中的配置设置。有没有一种干净的方法用grunt做到这一点？

Answer 1

将它们放入JSON文件并使用grunt.file.readJSON导入它们。

示例：

module.exports = function (grunt) {
    grunt.initConfig({
        settings: grunt.file.readJSON('subfolder/settings.json'),
        settings2: grunt.file.readJSON('subfolder2/settings.json'),
        task: {
            target: {
                files: {
                    'dest': '<%- settings.path %>',
                    'dest': '<%- settings2.path %>'
                }
            }
        }
    });
};

Answer 2

作为替代方案，您可以使用require。使用“concat”和“uglify”组件的不同环境的此设置示例。

结构：

// root
Gruntfile.js
config/
    env1.js
    env2.js
src/
    file1.js
    file2.js
    ...

dest/
    env1.js
    env1.min.js
    env2.js
    env2.min.js

文件：

// Gruntfile.js ...
// ____________________> 
var config = {
    'env1' : require('./config/env1'),
    'env2' : require('./config/env2')
};
module.exports = function (grunt) {
    grunt.initConfig({
        concat: {
            env1: {
                src: config.env1, // ^config
                dest: 'dest/env1.js'
            },
            env2: {
                src: config.env2, // ^config
                dest: 'dest/env2.js'
            }
        },
        uglify: {
            my_target: {
                files: {
                    'dest/env1.min.js' : ['dest/env1.js'],
                    'dest/env2.min.js' : ['dest/env2.js']
                }
            }
        }
    });

    grunt.loadNpmTasks('grunt-contrib-concat');
    grunt.loadNpmTasks('grunt-contrib-uglify');

    grunt.registerTask('default', ['concat', 'uglify']);
};

// config/env1.js ...
// ____________________> 
module.exports = [
    // files...
    'src/file1.js',
    'src/file2.js',
    'src/file3.js'
];

// config/env2.js ...
// ____________________> 
module.exports = [
    // files...
    'src/file4.js',
    'src/file5.js',
    'src/file6.js'
];

node.js：包含外部grunt配置

2 个答案: