如何使用NPM模块
How to use NPM modules?
我对前端web开发完全陌生,有一个非常基本的问题。一旦我npm install
某个东西,我该如何实际使用它?例如,我刚刚做了npm install bootstrap
,现在我希望能够使用它下载的CSS和Javascript。我确信我不应该为了找到一些入口点而翻遍目录。。。那么我现在如何在我的网页中使用引导程序呢?
NPM上的大多数模块都用于Node.js中的服务器(后端)。Node.js内置了一个函数require('your-module')
来利用这个模块。此功能不存在于浏览器的前端。然而,有browserify
或webpack
等工具,可能还有其他工具可以使NPM模块和require
功能在前端工作。
如果你刚开始,我建议你先看看鲍尔。使用Bower(虽然安装了NPM),您可以将所有前端库(如jQuery、Bootstrap等)拉到您的项目文件夹中,还可以将HTML中的脚本标记指向bower_components/
目录,例如<script src="/bower_components/jquery/jquery.min.js"></script>
。您可以将与版本号一起使用的所有库的列表保存在项目文件夹根目录中名为bower.json
的json文件中。基于此文件,您可以使用命令行拉入或更新列出的所有库。
作为一个非常通用的规则,npm用于节点应用程序将在服务器上使用的资产,而bower(和其他)则等效于您希望在客户端上使用的依赖项。
也就是说,用途基本相同。
npm(和bower)将这些文件安装到标准位置的项目目录中。您真正要做的就是确保该位置可以通过web请求访问(通常,node_modules是不可访问的;这就是bower出现的原因),然后在您的html:中嵌入适当的链接和脚本标记
<script src='/node_modules/bootstrap/js/bootstrap.min.js'></script>
- 尽管链接成功并已成功下载,但未找到NPM模块
- 在Meteor项目中安装并包含npm模块后出错
- 限制npm依赖模块's require(隔离)的用法
- 在Meteor Angular 1.3中使用npm模块
- Webpack通过npm将代码拆分为单独的模块,以及如何编译es6
- 有没有人能够得到这个要求或调试NPM模块在浏览器中工作
- 如何访问npm模块抛出的自定义错误对象[error:[object object]]
- NPM:取决于本地 ES6 模块(无转译)
- 利用异步 NPM 模块
- 异步加载 NPM 模块
- 将迁移的Silverlight到HTML应用程序划分为NPM模块
- 如何让我的ember.js应用程序导入从bower或npm安装的模块
- 将MQTT NPM模块导入NativeScript
- 别名带有浏览器化填充码的 npm 模块
- NPM:将多个模块和自定义脚本与browserfy相结合
- "npm运行构建“;模块解析错误”;您可能需要一个适当的加载程序来处理此文件类型&”;
- 如何使用NPM模块
- Npm.require可以'找不到节点模块
- 全局安装的NodeJS npm模块不执行节点的主/bin JavaScript文件
- npm->错误:找不到模块'可读流'