使用CDN与NPM安装库
虽然,我一直在使用NPM,但我不明白node_modules中的文件是如何添加到我的index.html并从那里开始工作的。
例如,如果我必须使用jQuery,它非常简单。 我将通过cdn获取文件并添加到我的index.html文件中
案例一:CDN
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<html>
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
</head>
<body>
<script>
$(document).ready(function(){
$('body').css('background','red');
});
</script>
</body>
</html>
我可能误解了你的问题......但是你不能只是将这一行添加到你的index.html
文件中吗?
<script src="node_modules/jquery/dist/jquery.min.js"></script>
CDN
如果您正在开发可供互联网用户访问的网站,请使用CDN。
CDN优点:
将在大多数浏览器上兑现,因为它被很多其他网站使用
减少带宽
在这里检查更多的好处
NPM
npm是使用模块捆绑器管理应用程序中的依赖关系的好工具。
例:
假设在安装时使用webpack模块捆绑器和jQuery
import $ from 'jQuery'
...
var content = $('#id').html();
但浏览器不理解import
语句,因此您必须使用webpack命令传输代码,打包程序将检查所有使用的依赖关系,将它们绑定到单个文件中,而不存在任何依赖关系问题。
有用的链接:开始使用webpack
我想你想自己托管jQuery,并在浏览器中运行的Web应用程序中使用它。
如果是这样,您需要托管此文件 - 通过您用于托管index.html
的相同Web服务器进行下载。
如果你使用Express,你可以在服务器端做这样的事情:
app.use('jquery', express.static(__dirname + '/node_modules/jquery/dist/'));
然后在index.html
引用该文件:
<script src="/jquery/jquery.js"></script>
有关提供静态文件的信息,请参阅快速手册
如果您不使用Express,则需要查阅您的Web服务器的堆栈手册。 没办法猜到不幸 - 我给了一个Express.js的例子,因为这可能是像node.js这样的最受欢迎的单一包。
链接地址: http://www.djcxy.com/p/96017.html