是否有一种类似于NPM依赖的喷射器？

Question

现在大多数软件包都可以在NPM和Bower中使用。我必须有NPM在身边，但我想把鲍尔从我的项目中剔除。

目前，我依赖grunt-wiredep在我的index.html中创建<script>包含。这个工具可以查看Bower的所有信息，为我将所有必要的js和css文件放入我的index.html中。

是否有对NPM依赖项进行同样处理的工具？

Answer 1

您可以使用像Browserify或Webpack这样的模块绑定器来完成这个任务。

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

npm install -g browserify

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

npm install --save angular

现在，您需要使用require()来使Browserify意识到它需要获取的依赖关系才能使项目工作(如果是角应用程序，在这里定义主模块，添加第一行)

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>

示例代码可在https://github.com/pra85/grunt-browserify-example找到