详解webpack引入第三方库的方式以及注意事项-创新互联
一般情况下,我们不用担心所使用的第三方库,在npm管理仓库中找不到。
成都创新互联公司企业建站,十载网站建设经验,专注于网站建设技术,精于网页设计,有多年建站和网站代运营经验,设计师为客户打造网络企业风格,提供周到的建站售前咨询和贴心的售后服务。对于成都网站建设、网站设计中不同领域进行深入了解和探索,创新互联在网站建设中充分了解客户行业的需求,以灵动的思维在网页中充分展现,通过对客户行业精准市场调研,为客户提供的解决方案。如果需要某一个库,如:jquery,可以直接运行npm install jquery
脚本命令来安装这个项目所需要的依赖;
然后,在使用jquery的模块文件中,通过import $ from 'jquery'
或者var $ = require('jquery')
来引入。
这是常用的在webpack构建的项目
中引入第三方库的方式。
注:为了更好的演示示例代码,示例是在nodemon
这篇文章的基础上操作的。
但是,在不同的场景下,对webpack构建的项目有不同的需求:
项目的体积足够小(cdn)
如果是webapck的处理方式,可参考webapck——实现构建输出最小
这篇文章。
使用非webapck的处理方式,如:CDN。
操作也很简单,如果使用html-webpack-plugin
直接在模板文件template/index.html
中引入某个cdn(如:boot CDN)上的某个第三方库(如:jquery),参考代码如下:
third party
文章名称:详解webpack引入第三方库的方式以及注意事项-创新互联
本文来源:http://scyanting.com/article/djgpoj.html