适用于多种环境的Grunt任务自动化

Question

这是我的grunt文件，它没有显示错误但工作不正常，如果我从＆＃39; string-replace＆＃39;中删除dev和prod并且只有一个＆＃39;字符串替换＆＃39;，然后它的工作。建立多个环境的任何解决方案。

// Gruntfile.js

module.exports = function(grunt) {
    grunt.initConfig({
        pkg: grunt.file.readJSON('package.json'),

    'string-replace': {
        dev : {
            inline: {
                files: {
                    'index.html':'index.html'
                },
                options: {
                    replacements: [
                        {
                            pattern: '<!--start PROD imports-->',
                            replacement: '<!--start PROD imports'
                        },
                        {
                            pattern: '<!--end PROD imports-->',
                            replacement: 'end PROD imports-->'
                        },
                        {
                            pattern: '<!--start DEV imports',
                            replacement: '<!--start DEV imports-->'
                        },
                        {
                            pattern: 'end DEV imports-->',
                            replacement: '<!--end DEV imports-->'
                        }
                        ]
                }
            }
        },
        prod : {
            inline: {
                files: {
                    'index.html':'index.html'
                },
                options: {
                    replacements: [
                        {
                            pattern: '<!--start PROD imports',
                            replacement: '<!--start PROD imports-->'
                        },
                        {
                            pattern: 'end PROD imports-->',
                            replacement: '<!--end PROD imports-->'
                        },
                        {
                            pattern: '<!--start DEV imports-->',
                            replacement: '<!--start DEV imports'
                        },
                        {
                            pattern: '<!--end DEV imports-->',
                            replacement: 'end DEV imports-->'
                        }
                        ]
                }
            }
        }
    }
});
    grunt.loadNpmTasks('grunt-string-replace');

    grunt.registerTask('default', ['string-replace:dev']);
    grunt.registerTask('prod', ['string-replace:prod']);
};

我需要将它用于开发和制作。

Answer 1

您需要删除内联键。根据我的理解，这在文档中使用了。

正确的任务定义如下所示 以下应该工作。

'string-replace': {
    dev : {
        files: {
            'index.html':'index.html'
        },
        options: {
            replacements: [
                {
                    pattern: '<!--start PROD imports-->',
                    replacement: '<!--start PROD imports'
                },
                {
                    pattern: '<!--end PROD imports-->',
                    replacement: 'end PROD imports-->'
                },
                {
                    pattern: '<!--start DEV imports',
                    replacement: '<!--start DEV imports-->'
                },
                {
                    pattern: 'end DEV imports-->',
                    replacement: '<!--end DEV imports-->'
                }
                ]
        }
    },
    prod : {
        files: {
            'index.html':'index.html'
        },
        options: {
            replacements: [
                {
                    pattern: '<!--start PROD imports',
                    replacement: '<!--start PROD imports-->'
                },
                {
                    pattern: 'end PROD imports-->',
                    replacement: '<!--end PROD imports-->'
                },
                {
                    pattern: '<!--start DEV imports-->',
                    replacement: '<!--start DEV imports'
                },
                {
                    pattern: '<!--end DEV imports-->',
                    replacement: 'end DEV imports-->'
                }
                ]
        }
    }
}