javascript - 配置 grunt.js 将 Bower 文件夹中的文件一一缩小

Question

我在bower_components中有应用程序的依赖项，一些依赖项没有缩小版，所以我想创建一个任务来创建一个缩小版文件版本的副本位于文件所在的同一位置，例如:

• bower_组件
  • lib1
    • lib1.js
    • lib1.min.js <- 如果不存在则创建此文件
  • lib2
    • lib2.js
    • lib2.min.js <- 在其自己的 lib2 文件夹中创建此文件
  • lib3
    • lib3.js
    • lib3.min.js <- 等等...

这是我到目前为止的 grunt 配置:

 uglify: {
        dev: {
            files:[
            {
                expand: true,
                src: 'bower_components/modernizr/modernizr.js',
                dest: '/',
                ext:'.min.js'
            }, {
                expand: true,
                src: 'bower_components/angular-facebook/lin/angular-facebook.js',
                dest: '/',
                ext: '.min.js'
            }]
            },
                main: {
                    src: 'temp/app.min.js',
                    dest:'dist/app.min.js'
                }
            }

Grunt 任务说已将 Modernizr 复制到它自己的文件夹中，但当我查看它时，该文件不存在，并且在第一个文件 Grunt 传递到下一个任务后并忽略数组中的“第二个”文件。

我只是在测试这个，显然我想实现一种自动扫描所有bower_components中的依赖项的方法。

顺便说一句，我不介意将任务更改为任何其他库。

Answer 1

/在你的dest -option 表示根路径(您的 grunt 文件所在的位置)。只需删除 dest -选项或在那里放置一个空字符串。

重要提示:这仅适用于 expand -选项设置!

{
  expand: true,
  src: 'bower_components/modernizr/modernizr.js',
  ext:'.min.js'
}

编辑:

要扫描所有文件夹并最小化所有 js 文件，请这样做(请注意 src 中的第二个参数，不要缩小已经缩小的文件):

{
  expand: true,
  src: ['bower_components/**/*.js', '!bower_components/**/*.min.js'],
  ext:'.min.js'
}