Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/svg/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
GrunFile添加javascript文件_Javascript_Compass Sass_Livereload_Bootstrap Sass_Gruntfile - Fatal编程技术网

GrunFile添加javascript文件

GrunFile添加javascript文件,javascript,compass-sass,livereload,bootstrap-sass,gruntfile,Javascript,Compass Sass,Livereload,Bootstrap Sass,Gruntfile,我使用以下yeoman生成器创建了一个引导罗盘项目: 您可以在链接中看到文件结构 如何将Java脚本正确地添加到此GrunFile GrunFile.js如下所示: module.exports = function(grunt) { // Project configuration. grunt.initConfig({ pkg: grunt.file.readJSON('package.json'), config: {

我使用以下yeoman生成器创建了一个引导罗盘项目:

您可以在链接中看到文件结构

如何将Java脚本正确地添加到此GrunFile

GrunFile.js如下所示:

module.exports = function(grunt) {

    // Project configuration.
    grunt.initConfig({
        pkg: grunt.file.readJSON('package.json'),

        config: {
            app: 'app'
        },

        connect: {
            options: {
                port: 9000,
                livereload: 35729,
                // Change this to '0.0.0.0' to access the server from outside
                hostname: 'localhost'
            },
            livereload: {
                options: {
                    open: true,
                    base: [
                        '.tmp',
                        '<%= config.app %>/public'
                    ]
                }
            },
        },
        watch: {
            options: {
                livereload: true,
            },
            livereload: {
                options: {
                    livereload: '<%= connect.options.livereload %>'
                },
                files: [
                    '<%= config.app %>/public/{,*/}*.html',
                    '<%= config.app %>/public/css/{,*/}*.css',
                    '<%= config.app %>/public/images/{,*/}*'
                ]
            },
            compass: {
                files: ['**/*.{scss,sass}'],
                tasks: ['compass:dev']
            },
        },
        compass: {
            dev: {
                options: {
                    sassDir: ['app/src/stylesheets'],
                    cssDir: ['app/public/css'],
                    environment: 'development'
                }
            },
            prod: {
                options: {
                    sassDir: ['app/src/stylesheets'],
                    cssDir: ['app/public/css'],
                    environment: 'production'
                }
            },
        }
    });

    // Load the plugin
    grunt.loadNpmTasks('grunt-contrib-watch');
    grunt.loadNpmTasks('grunt-contrib-compass');
    grunt.loadNpmTasks('grunt-contrib-connect');

    // Default task(s).
    grunt.registerTask('default', ['connect:livereload', 'compass:dev', 'watch']);
    // prod build
    grunt.registerTask('prod', ['compass:prod']);

};
module.exports=函数(grunt){
//项目配置。
grunt.initConfig({
pkg:grunt.file.readJSON('package.json'),
配置:{
应用程序:“应用程序”
},
连接:{
选项:{
港口:9000,
利弗雷罗德:35729,
//将此更改为“0.0.0.0”以从外部访问服务器
主机名:“localhost”
},
利弗雷罗德:{
选项:{
开放:是的,
基数:[
“.tmp”,
“/公众”
]
}
},
},
观察:{
选项:{
利弗雷罗德:没错,
},
利弗雷罗德:{
选项:{
livereload:'
},
档案:[
“/public/{,*/}*.html”,
“/public/css/{,*/}*.css”,
“/public/images/{,*/}*”
]
},
指南针:{
文件:['**.{scss,sass}'],
任务:['compass:dev']
},
},
指南针:{
开发人员:{
选项:{
sassDir:['app/src/stylesheets'],
cssDir:['app/public/css'],
环境:“发展”
}
},
产品:{
选项:{
sassDir:['app/src/stylesheets'],
cssDir:['app/public/css'],
环境:“生产”
}
},
}
});
//加载插件
grunt.loadNpmTasks(“grunt-contrib-watch”);
grunt.loadNpmTasks(“grunt-contrib-compass”);
grunt.loadNpmTasks('grunt-contrib-connect');
//默认任务。
registerTask('default',['connect:livereload','compass:dev','watch']);
//产品构建
grunt.registerTask('prod',['compass:prod']);
};
编辑:

解决方案:

我刚刚在gruntfile.js中添加了grunt contrib uglify和以下代码,以压缩项目中的任何js代码:

uglify: {
            all: {
                files: {
                  '<%= config.app %>/public/js/bootstrap.min.js': ['<%= config.app %>/src/javascripts/bootstrap.js']
                }
            },
        }
uglify:{
全部:{
档案:{
“/public/js/bootstrap.min.js”:[”/src/javascripts/bootstrap.js']
}
},
}

有一段非常简短有趣的视频,介绍Grunt的工作原理。 但是如果你现在看不到,读一下这个

我希望我帮了忙