如何正确使用webpack引入第三方库并注意哪些关键事项？

本文共计1694个文字，预计阅读时间需要7分钟。

在一般情况下，我们无需担心所使用的第三方库。在npm管理仓库中找不到时，如果需要某个库，如jQuery，可以直接运行`npm install jquery`命令来安装该项目所需的依赖。

一般情况下，我们不用担心所使用的第三方库，在npm管理仓库中找不到。

如果需要某一个库，如：jquery，可以直接运行npm install jquery脚本命令来安装这个项目所需要的依赖；

然后，在使用jquery的模块文件中，通过import $ from 'jquery'或者var $ = require('jquery')来引入。

这是常用的在webpack构建的项目中引入第三方库的方式。

注：为了更好的演示示例代码，示例是在nodemon这篇文章的基础上操作的。

但是，在不同的场景下，对webpack构建的项目有不同的需求:

项目的体积足够小(cdn)

如果是webapck的处理方式，可参考webapck——实现构建输出最小这篇文章。

使用非webapck的处理方式，如：CDN。