gulp提取nodemodules中的依赖

Question

怎么将项目中依赖的nodemodules模块打包到dist中，例如：我在HTML中引用了nodemodules中的jquery

<script src="../node_modules/jquery/dist/jquery.min.js"></script>

Answer 1

不太建议像这样的引用操作。
你可以尝试
1.通过npm的方式下载后在组件中引用
2.通过cdn的方式在组件中应用（这种方式应该需要在配置项里设置externals）

Answer 2

gulp.task(, function(done){

gulp.src(...).pipe()
done()

})

Answer 3

比较简单的做法是用 gulp-replace，不过建议用 CDN，而不是手动复制。大概这样：

import replace from 'gulp-replace';

gulp.src('index.html')
  .pipe(replace(/\.\.\/node_modules\/([\w-_])\//g, (match, repo) => {
    // 替换成远程地址
  }))
  .pipe(gulp.dest('../dist'));