是否有类似于grunt-wiredep的注入器可以用于NPM依赖项？

Question

25

现在大多数包都可以在NPM和Bower中使用。我必须使用NPM，但我想在我的项目中削减Bower的使用。

我目前依靠grunt-wiredep来创建<script>包含在我的index.html里。这个工具会查看所有Bower配置文件，将所有必要的js和css文件导入到我的index.html里。

是否有一个工具可以为NPM依赖项做同样的事情？

- Noah Solomon

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Prayag Verma · Accepted Answer

你可以使用像Browserify或Webpack这样的模块打包工具来实现这一点。

要开始使用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>