博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
webpack动态导入
阅读量:4228 次
发布时间:2019-05-26

本文共 369 字,大约阅读时间需要 1 分钟。

webpack动态import lodash

按照webpack官网教程尝试动态导入lodash发现不起作用
检查webpack配置文件,发现是因为:
将lodash配置为外部依赖了,注释掉externals之后重启项目就好了。所以动态导入的模块不可以是外部依赖
在这里插入图片描述
如下所示,点击click按钮会执行print方法,这个时候浏览器会请求lodash模块并动态导入进来,从Network可以看出来lodash是单独打包并延迟加载的
在这里插入图片描述
顺便提一句,react是原生支持import的,但是要用async, await需要安装

  • @babel/plugin-transform-runtime
  • @babel/plugin-transform-regenerator
    并按照下面的方式配置.babelrc
    在这里插入图片描述
    如果没有正确配置babel会出现下面的错误
    在这里插入图片描述
    上面提供的解决办法是参考

出现下面的错误可以参考

在这里插入图片描述

转载地址:http://ftdqi.baihongyu.com/

你可能感兴趣的文章
剑指Offer——从上到下打印二叉树
查看>>
剑指Offer——字符串的排列
查看>>
剑指Offer——把数组排成最小的数
查看>>
剑指Offer——丑数
查看>>
剑指Offer——字符串中第一个只出现一次的字符
查看>>
Linux 中的硬链接与软连接有什么区别
查看>>
Python 图像处理库
查看>>
使用PHPMailer-master发送邮件
查看>>
利用smtp协议实现命令行发送邮件
查看>>
利用php的mail()函数发送邮件
查看>>
(一).postman学习——前期知识准备
查看>>
qt入门级使用
查看>>
Web Stotage——本地储存详解及案例
查看>>
File Reader文件操作
查看>>
地理位置服务——navigator.geolocation
查看>>
地理位置服务——百度地图API
查看>>
js拖放事件详解及实战
查看>>
js字符串常用属性与方法
查看>>
C++递归算法案例
查看>>
C++算法——异或运算解决出现次数问题
查看>>