webpack中引入文件的几种写法

男娘i 2023-07-01 07:28 37阅读 0赞

**1. COMMONJS规范下的同步加载**  
![在这里插入图片描述][20200119181418530.png]  
**2.COMMONJS规范下的异步加载**  
webpack实现了commonjs.js规范下的require.ensure方法,具体用法如下:

![在这里插入图片描述][20200119184000923.png]  
这里a.js和b.js会被打包成同一个文件，文件名称为‘bundlefileName’，如果文件名称写成路径形式的话，webpack会按照指定路径进行打包生成；

**3.COMMONJS规范下的预加载懒执行**  
![在这里插入图片描述][20200119184117923.png]  
这种情况下，a.js会先被下载下来，知道出现“require(’./a’)”语句的时候才会执行，类似AMD规范

**4、webpack自带的require.include**  
作用是只加载不执行，还有一个作用是提取父子模块中的公共部分，用的地方不多  
![在这里插入图片描述][20200119184201667.png]  
如果加载的模块要执行的话：  
![在这里插入图片描述][20200119184217597.png]  
**5、ES6的import**  
作用和require等价  
![在这里插入图片描述][20200119184256719.png]

[20200119181418530.png]: https://img-blog.csdnimg.cn/20200119181418530.png
[20200119184000923.png]: https://img-blog.csdnimg.cn/20200119184000923.png
[20200119184117923.png]: https://img-blog.csdnimg.cn/20200119184117923.png
[20200119184201667.png]: https://img-blog.csdnimg.cn/20200119184201667.png
[20200119184217597.png]: https://img-blog.csdnimg.cn/20200119184217597.png
[20200119184256719.png]: https://img-blog.csdnimg.cn/20200119184256719.png

发表评论取消回复

表情：

评论列表（有 0 条评论，37人围观）

还没有评论，来说两句吧...

相关阅读

相关 robots协议文件的几种写法及示例

robots协议是放在网站根目录下的文本文件，告诉搜索引擎哪些内容是否可以被爬取； robots协议的作用： 1）引导搜索引擎蜘蛛爬取指定栏目或内容；

﹏ヽ暗。殇╰゛Y/ 2023年07月13日 08:10/ 0 赞/ 72 阅读

相关 webpack中引入文件的几种写法

1. COMMONJS规范下的同步加载 ![在这里插入图片描述][20200119181418530.png] 2.COMMONJS规范下的异步加载 webpack

男娘i/ 2023年07月01日 07:28/ 0 赞/ 38 阅读

相关 JavaScript中选项卡的几种写法

效果图： ![1753638-20190903170303347-650094877.png][] 1.基本写法 <table style="wid

╰+哭是因爲堅強的太久メ/ 2023年06月02日 07:56/ 0 赞/ 11 阅读

相关 13 Webpack 资源文件引入

加载 CSS 如果我们要import './style.css'，需要安装 [style-loader][] 和 [css-loader][]： npm install

╰+攻爆jí腚メ/ 2023年02月28日 05:23/ 0 赞/ 78 阅读

相关 ajax常用的几种写法

1、 $.ajax({ url:"servlet", type:"post",//get

ゝ一纸荒年。/ 2022年10月01日 00:59/ 0 赞/ 416 阅读

相关 Javascript数组中迭代的几种写法

JS中数组有 5 个迭代方法。分别是： every()：对数组中的每一项运行给定函数，如果该函数对每一项都返回 true，则返回 true。 filte

阳光穿透心脏的1/2处/ 2022年09月24日 12:14/ 0 赞/ 265 阅读

相关 react 中引入图片的几种方式

react 中引入图片的几种方式 //方式一： import tsIcon from '../images/typescript.jpeg';

深藏阁楼爱情的钟/ 2022年09月02日 08:10/ 0 赞/ 290 阅读

相关 webpack4引入JQuery的两种方法

非script标签的形式引入JQuery。安装JQuery：先安装加载器expose-loader，用于将插件暴露到全局中供其他模块使用: npm i e

桃扇骨/ 2022年05月19日 02:49/ 0 赞/ 364 阅读

相关 mybatis中xml开发like的几种写法

方法1：concat <where> <trim suffixOverrides="," > <if test="id !=

水深无声/ 2022年02月03日 13:07/ 0 赞/ 1047 阅读

相关 for 循环的几种写法

1. 常用的for循环 var maArry = ['hst','sun','bb']; for (let index = 0; index < myArr

川长思鸟来/ 2021年10月24日 01:16/ 0 赞/ 983 阅读