![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
webpack
前端-小义
这个作者很懒,什么都没留下…
展开
-
webpack-loader学习
loader webpack做的事情,仅仅是分析出各种模块的依赖关系,然后形成资源列表,最终打包生成到指定的文件中。更多的功能需要借助webpack loaders和webpack plugins完成。 loader本质上一个函数,其作用是将你模块中的代码字符串经过一系列处理转换为另一种代码字符串然后将其返回。其工作地方在编译过程的读取到你文件的内容之后,转成抽象语法树之前(对编译过程不太了解的可以看看上篇博客)。 loader在编译过程中所处位置的图示: loader的处理流程: loader配置 在原创 2020-07-19 18:32:07 · 218 阅读 · 0 评论 -
webpack编译过程-学习记录
webpack 的作用是将源代码编译(构建、打包)成最终代码,对于webpack的打包过程,我们大概可以分为三步走: 初始化化阶段 对于此阶段,webpack会将cli参数、配置文件、默认配置进行融合,形成一个最终的配置对象。 cli参数:在cmd环境下,npx webpack –mode=development。 配置文件:就是你文件webpack.config.js中一些配置。 编译阶段 1.创建chunk 根据入口模块(默认./src/index.js)创建一个chunk,每个chunk都至少有两个原创 2020-07-18 23:18:13 · 292 阅读 · 0 评论