gulp - gulp-useref 使用 npm 托管库构建 js

Question

我正在使用Yo Generator 的网络应用程序作为基础来构建 PUG 的东西。然而，它仍然是对 Bower 的引用。所以我将所有需要的 JS 包切换到 npm。但是这个 gulp 任务忽略了 node_modules 中的所有库

gulp.task('html', ['views', 'styles', 'scripts'], () => {
  return gulp.src([
    'tmp/**/*.html',
    'app/**/*.html',
    '!app/layouts/**/*'
  ])
    .pipe($.useref({searchPath: [paths.tmp, paths.src, '.']}))
    .pipe($.if(/\.js$/, $.uglify({ compress: {drop_console: true} })))
    .pipe($.if(/\.css$/, $.cssnano({ safe: true, autoprefixer: true })))
    .pipe($.if(/\.html$/, $.htmlmin({
      collapseWhitespace: true,
      minifyCSS: true,
      minifyJS: {compress: {drop_console: true}},
      processConditionalComments: true,
      removeComments: true,
      removeEmptyAttributes: true,
      removeScriptTypeAttributes: true,
      removeStyleLinkTypeAttributes: true
    })))
    .pipe(gulp.dest('dist'));
});

有没有办法告诉 gulp-useref 从这个路径 /node_modules/ 组合 js lib

Answer 1

原来它的 gulp-uglify 不喜欢 es6，例如某些 JS lib 中的“let”。所以解决方案是改用 gulp-uglify-es。