反复创建新的min.js文件

Question

我有一个文件“ script.js”，现在反复制作了新的“ min.js”，例如script.min.min.js然后script.min.min.js然后script.min.min.min.js 。

我猜想这与我如何在“ functions.php”中排队脚本有关，但是对此我还不了解

删除除原始文件外的所有文件

wp_enqueue_script( 'theme-script', get_template_directory_uri() . '/js/script.js', array(), '20190731', true );

gulp.task('lint', () => 
  gulp.src(['./js/*.js'])
  .pipe(prettyError())
  .pipe(eslint())
  .pipe(eslint.format())
  .pipe(eslint.failAfterError())); 

gulp.task( 'scripts', gulp.series('lint', () => 
  gulp.src('./js/*.js')
  .pipe(terser())
  .pipe(rename({ extname: '.min.js' }) 
  .pipe(gulp.dest('./js')))); 

我只需要script.js，如果需要的话可能还需要script.min.js

Answer 1

问题是您要缩小脚本并将它们放在它们来自的相同目录中。 因此，下次运行缩小文件时，将缩小缩小的脚本，并在文件名中添加一个额外的.min

通常，您希望将脚本移动到某种分发文件夹中。 它可能看起来像这样：

gulp.task( 'scripts', gulp.series('lint', () => 
  gulp.src('./js/*.js')
  .pipe(terser())
  .pipe(rename({ extname: '.min.js' }) 
  .pipe(gulp.dest('./dist/js')))); 

另外，请确保从版本控制（通常是.gitignore ）中排除dist文件夹。