Gruntjs 是否有一个类似grunt wiredep的注入器可以用于NPM依赖性?

Gruntjs 是否有一个类似grunt wiredep的注入器可以用于NPM依赖性?,gruntjs,npm,bower,wiredep,grunt-wiredep,Gruntjs,Npm,Bower,Wiredep,Grunt Wiredep,现在,大多数软件包在NPM和Bower中都可用。我必须有NPM,但我想把鲍尔从我的项目中剔除 我目前依靠grunt wiredep在我的index.html中创建包含。此工具查看所有Bower配置,以便为我将所有必要的js和css文件拉入我的index.html 是否有一种工具可以对NPM依赖项执行相同的操作?您可以使用模块绑定器(如或)来执行此操作 为了开始使用Browserify,您需要首先通过NPM在全球范围内安装它 npm install -g browserify 然后在项目中,获取

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

我目前依靠
grunt wiredep
在我的
index.html
中创建
包含。此工具查看所有Bower配置,以便为我将所有必要的js和css文件拉入我的
index.html


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

您可以使用模块绑定器(如或)来执行此操作

为了开始使用Browserify,您需要首先通过NPM在全球范围内安装它

npm install -g browserify
然后在项目中,获取要包括的前端库,例如角度库

npm install --save angular
现在,您需要使用
require()
使Browserify了解项目工作所需的依赖关系(对于Angular应用程序,您定义了主模块,请添加第一行)

要设置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>


示例代码可以在

中找到,CSS的自动注入可以通过使用一个名为的broswerify插件来完成,如果直接通过命令行运行它,它可以工作,但是使用Grunt我无法使它工作,我在那里打开了一个问题(),希望有人能建议如何成功地集成it这并不是OP所要求的,这将导致许多人找到一个比必要的更复杂的解决方案。
<script src="bundle.js"></script>