使用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

    上一篇: Using CDN vs Installing library by NPM

    下一篇: Developing Windows Phone App on Windows 7 OS