现在大多数包都在 NPM 和 Bower 中可用。我必须有 NPM,但我想在我的项目中将 Bower 排除在外。
我目前依赖 grunt-wiredep
创建<script>
包括在我的index.html
.此工具查看所有 Bower 配置,以将所有必要的 js 和 css 文件拉入我的 index.html
。为了我。
是否有一个工具可以对 NPM 依赖项做同样的事情?
最佳答案
您可以使用像 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>
示例代码可在 https://github.com/pra85/grunt-browserify-example 找到
关于gruntjs - 是否有像 grunt-wiredep 这样的注入(inject)器适用于 NPM 依赖项?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31599337/