webpack之externals操作三部曲--正确的姿势

1.作用
首先webpack提供这个==externals==选项作用是==从打包的bundle文件中排除依赖==。换句话说就是让在项目中通过import引入的依赖在打包的时候不会打包到bundle包中去，而是通过script的方式去访问这些依赖。

2.怎么用？
以jquery为例子，目的是在runtime时通过cdn获取jquery依赖，在打包时忽略他的打包

步骤一：

//index.html

<scriptsrc="https://code.jquery.com/jquery-3.1.0.js"integrity="sha256-slogkvB1K3VOkzAI8QITxV3VzpOnkeNVsKvtkYLMjfk="crossorigin="anonymous">
</script>

步骤二：

//webpack.config.js

module.exports = {//...externals: {jquery: 'jQuery' //将需要忽略打包的都写在这个里面，但前提是index.html文件里面必须script引入}
};
//属性名jquery指的是  import  $ from 'jquery'中的  'jquery'
//属性值 jQuery指的是jquery插件暴露出来的全局对象名。按理来说$应该也是可以写在属性值里面的，（也是jquery暴露的啊，但我没试过行不行）。

步骤三：

文件中的
import $ from 'jquery';
千万不能去掉。很重要，好多人就是把它去掉了跑过来问我为啥我的还是报错jquery is undefined。

webpack之externals操作三部曲--正确的姿势相关推荐

什么叫取反_转载：CodeReview正确的姿势是什么？
作者:微博是阿里孤尽链接:https://www.zhihu.com/question/383079175/answer/1109655276 来源:知乎著作权归作者所有.商业转载请联系作者获得授 ...
MongoDB系列：五、MongoDB Driver使用正确的姿势连接复制集
MongoDB复制集(Replica Set)通过存储多份数据副本来保证数据的高可靠,通过自动的主备切换机制来保证服务的高可用.但需要注意的时,连接副本集的姿势如果不对,服务高可用将不复存在. 使用复 ...
java 日志使用_Java日志正确使用姿势
前言关于日志,在大家的印象中都是比较简单的,只须引入了相关依赖包,剩下的事情就是在项目中"尽情"的打印我们需要的信息了.但是往往越简单的东西越容易让我们忽视,从而导致一些不该有的 ...
Python re 库的正确使用姿势
前提假设: 已经充分掌握 PCRE 风格正则表达式熟读 re 库文档 Why 正则表达式的强大已不用我赘述,Python 对此的支持也是十分强大,只不过: re.search(pattern, st ...
索引的正确“打开姿势”
本文分享自华为云社区<DWS 索引的正确"打开姿势">,原文作者:hoholy . 索引能干什么呢,一言以蔽之:查询加速.常见的索引有下面几种: 1. 常用索引介绍 1 ...
java 同步异步阻塞非阻塞_Java日志正确使用姿势,大白话搞懂什么是同步/异步/阻塞/非阻塞...
前言关于日志,在大家的印象中都是比较简单的,只须引入了相关依赖包,剩下的事情就是在项目中"尽情"的打印我们需要的信息了.但是往往越简单的东西越容易让我们忽视,从而导致一些不该有的 ...
android markdown 框架,Android Studio MarkDown风格README的正确打开姿势
万事开头难,这是我的第一篇简书,讲一讲我是怎么在AS上安装MarkDown编辑器插件的. 前言其实吧刚开始我并没有觉得AS自带的文本编辑器有什么不好,README文件也就是记录一些相关信息,也没想着 ...
Redis 作者 Antirez 讲如何实现分布式锁？Redis 实现分布式锁天然的缺陷分析Redis分布式锁的正确使用姿势！...
Redis分布式锁基本原理采用 redis 实现分布式锁,主要是利用其单线程命令执行的特性,一般是 setnx, 只会有一个线程会执行成功,也就是只有一个线程能成功获取锁:看着很完美. 然而-- 看 ...
review代码从哪些角度_转载：CodeReview正确的姿势是什么？
CodeReview正确的姿势是什么?www.zhihu.com 全文转载于 "微博是阿里孤尽"在上面的回答,已征求本人同意. 以下是原文: 最近 CodeReview(以下简称 ...

webpack之externals操作三部曲--正确的姿势

webpack之externals操作三部曲--正确的姿势相关推荐

最新文章

热门文章