在 Grunt 中使用 NPM 和包路径

Question

我正在使用 Grunt，它正在查看我的 src 文件夹中的文件。但是，baseDir 设置为 src，因此它从该点开始提供文件，但它无法看到 node_modules 文件夹。

如何将 grunt 设置为从正确的文件夹提供服务，但从 node_modules 文件夹加载我需要加载的必要包？

Answer 1

听起来您的意思是您正在使用 grunt 来启动本地 Web 服务器？如果是这样，那么对于您来说没有一个好的答案，因为 Web 服务器只能访问其基本目录中的文件。也就是说，如果您需要通过网络请求访问 node_modules/ 中的文件，您可以添加 copy task 以将这些文件移动到您的 baseDir 中的子目录中。

这是一个通过 node_modules 使用 jQuery 的示例 - 在您的 Gruntfile.js 中：

copy: {
  vendorJS: {
    files: [{
      expand: true,
      cwd: 'node_modules/jquery/dist/',
      src: ['jquery.js'],
      dest: 'src/vendor/'
    }]
  }
}

然后您需要更改在浏览器中拉入该文件的方式以匹配src/vendor/ 目录。