webpack中引入文件的几种写法

男娘i 2023-07-01 07:28 4阅读 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 条评论，4人围观）

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

相关阅读

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

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

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

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

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

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

相关 13 Webpack 资源文件引入

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

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

相关 ajax常用的几种写法

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

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

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

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

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

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

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

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

相关在html中引入css的几种方法

在HTML中引入CC有好几种方法，按优先级排列分别是：1、行内式，2、嵌入式，3、导入式和链接式在HTML中引入CSS的方法有以下几种: 1)行内式比如:

矫情吗；*/ 2022年07月30日 13:20/ 0 赞/ 312 阅读

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

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

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

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

几种react中插入图片以及背景图片的方式 img标签引入图片因为react其实是通过js的reader函数渲染的页面，所以直接写`src=“路径”`

深藏阁楼爱情的钟/ 2021年12月14日 08:07/ 0 赞/ 1670 阅读

相关 for 循环的几种写法

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

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