Question

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

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

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

Answer 1

您可以使用Browserify或Webpack之类的模块捆绑包来完成此操作。

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

npm install -g browserify

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

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>

找到