是否有像 grunt-wiredep 这样的注入器适用于 NPM 依赖项？

Question

现在大多数包都可以在 NPM 和 Bower 中使用。我必须有 NPM，但我想在我的项目中将 Bower 排除在循环之外。

我目前依靠 grunt-wiredep 在我的 index.html 中创建 <script> 包含。该工具查看所有 Bower 配置，将所有必要的 js 和 css 文件提取到我的 index.html 中。

是否有工具可以对 NPM 依赖项执行相同的操作？

Answer 1

这样的模块打包器来做到这一点

要开始使用 Browserify，您需要先通过 NPM 全局安装它

npm install -g browserify

然后在您的项目中，获取您想要包含的前端库，例如 angular 库

npm install --save angular

现在你需要使用 require() 来让 Browserify 知道它需要获取项目才能工作的依赖项（如果是 Angular 应用程序，你可以在其中定义主模块, 添加第一行)

var angular = require('angular');

angular
  .module('autocompleteDemo', [])
  .controller('DemoCtrl', DemoCtrl);

要设置 grunt-browserify 任务，首先在项目中安装它

npm install grunt-browserify --save-dev

并配置任务如下

browserify: {
    main: {
        src: 'entry.js',
        dest: 'bundle.js'
    }
 }

最后，在您的 index.html 中，您需要为 bundle.js 脚本添加标记

<script src="bundle.js"></script>

找到

Is there an injector like grunt-wiredep that works for NPM dependencies?