Twitter bootstrap Concat和minify Bootstrap js

我正在使用引导构建一个项目，并使用Grunt构建用于生产的文件

我应该压缩和缩小js文件吗

我尝试过这样做，但js文件停止工作

再解释一下：

我正在开发一个Wordpress主题，使用Bootstrap和Grunt来缩小css和js的生产规模

我有一个dev主题和一个dist主题

在dev主题中，我有一个包含bootstrap js的js文件夹和一个project.js文件，其中包含我的主题js

在Wordpress my project.js中使用开发主题可以在页面加载时发出简单的测试警报

在grunt文件中，我将所有js文件连接在complete.js中。这是可行的，我有一个包含所有js的文件

然后我缩小js并将其复制到dist主题以生成complete.min.js

在dist主题中，我引用了complete.min.js，但我的警报不再起作用

dev-theme-js文件夹还包含moderniser，它在dev主题中工作，但在串联和缩小后在dist主题中不工作

我的咕噜文件

'use strict';

module.exports = function(grunt){

    require('load-grunt-tasks')(grunt);

    grunt.initConfig({

        pkg: grunt.file.readJSON('package.json'),

        yeoman:{
            dev: 'dev-theme',
            dist: 'dist-theme'
        },

        jshint: {
      files: ['dev-theme/js/*.js'],//all files with .js
      options: {
        // options here to override JSHint defaults
        globals: {
          jQuery: true,
          console: true,
          module: true,
          document: true
        }
      }
    },

        sass:{
            dist:{
                files:{
                    'dev-theme/css/styles.css' : 'dev-theme/css/bootstrap.scss'
                }
            }
        },

        cssmin : {
            css:{
            src: 'dev-theme/css/styles.css',
        dest: 'dist-theme/css/styles.min.css'
        }
    },

        concat:{
            dist:{
                src:['dev-theme/js/**/*.js'],
                dest:'dev-theme/js/complete.js'
            }
        },

        uglify : {
            js: {
                src: ['dev-theme/js/complete.js'],
        dest: 'dist-theme/js/complete.min.js'
      }
        },

        watch:{

            css:{
                files: 'dev-theme/css/**/*.scss',
                tasks:['sass'],
                options:{
                    livereload: true
                }
            },

            js:{
                files:'dev-theme/js/**/*.js',
                tasks:['jshint'],
                options:{
                    livereload: true
                }
            }

        },

        clean: {
        dist: {
            files: [{
                dot: true,
                src: [
                    //'.tmp',
                    'dist-theme/*',
                                        //don't clean
                                        '!dist-theme/style.css',
                                        '!dist-theme/screenshot.png',
                                        '!dist-theme/functions.php',
                ]
            }]
        }
    },


        copy: {
        dist: {
            files: [{
                expand: true,
                dot: true,
                cwd: 'dev-theme',
                dest: 'dist-theme/',
                src: [
                    '*.{ico,txt}',
                    '.htaccess',
                    'images/{,*/}*',
                                        'fonts/{,*/}*',
                    '{,*/}*.html',
                                        '{,*/}*.php',

                                        //don't clean
                                        '!functions.php',
                ]
            }]
        }
    }                       
    });

    grunt.registerTask('default', ['watch']);
    grunt.registerTask('build', ['clean:dist','cssmin','concat','uglify','copy:dist']);
    grunt.registerTask('webfont', ['webfont']);

} 

---

有些脚本需要按顺序加载。使用glob不能保证正确的顺序。因此，如果通用concat glob返回的文件数组按字母顺序排列，bootstrap.js将在其依赖项之前加载。那不好

我会将您的concat块更改为如下所示：

concat:{
  dist:{
    src:[
          'dev-theme/js/modernizr.js',
          'dev-theme/js/bootstrap.js',
          'dev-theme/js/**/*.js'
        ],
    dest:'dev-theme/js/complete.js'
  }
},

---

如果您没有使用WordPress附带的jQuery版本，则需要将其添加到src列表中。

某些脚本需要按顺序加载。使用glob不能保证正确的顺序。因此，如果通用concat glob返回的文件数组按字母顺序排列，bootstrap.js将在其依赖项之前加载。那不好

我会将您的concat块更改为如下所示：

concat:{
  dist:{
    src:[
          'dev-theme/js/modernizr.js',
          'dev-theme/js/bootstrap.js',
          'dev-theme/js/**/*.js'
        ],
    dest:'dev-theme/js/complete.js'
  }
},

---

如果您没有使用WordPress附带的jQuery版本，您应该将其添加到src列表中。

您会遇到哪些错误，缩小的文件是什么样子的？你想做的是完全可能的。你能分享你的Grunfile.js吗？你在哪里？！？！对不起，我的问题不好，我已经更新了您遇到了哪些错误，缩小的文件是什么样子的？你想做的是完全可能的。你能分享你的Grunfile.js吗？你在哪里？！？！对不起，我的问题不好，我已经更新了