- 博客(5)
- 收藏
- 关注
RSS订阅原创 webpack module中loader为什么是从右向左执行
compose 函数是高级函数，接收函数作为参数，将计算结果返回作为执行下一次函数的参数，直到整个函数执行完毕。源码采用的是compose 函数解决函数多层嵌套 问题。
2022-10-11 18:41:04
145
原创 webpack如何打包css并将css引入index.html
style-loader:会将css 插入到dom中（将css以style标签的形式插入到head中）注意：一般正式环境做css抽离，可以减小单个文件的大小，但是需要做css样式隔离，详情见下文。可以通过插件 mini-css-extract-plugin。1、在资源模块中 针对特定的文件 如.css文件，使用loader进行解析。2、如何将css抽离 以link标签的形式引入呢？开发环境不做css抽离 css抽离会降低编译速度；css-loader: 会对。
2022-10-11 17:31:30
710
原创 webpack打包出的js 如何引入到index.hml并输出
HtmlWebpackPlugin：该插件会创建一个html文件并将打包后的js文件以script标签引入，我们可以通过属性inject配置script标签的位置，可以通过template指定html模版。2、webpack只能识别js和json文件 对于css文件 需要通过插件进行解析并注入。一、首先js注入到index.html。
2022-10-10 18:12:14
1487
原创 webpack5-资源模块
我们都知道webpack基于node，默认可使用js、json文件，如果需要使用其他文件需要loader解析，在webpack5之前使用资源文件是需要loader支持的；资源模块（asset module）:是一种模块类型，它允许使用资源文件（如字体、图标、图片等），而无需配置额外的loader；资源模块通过添加4种新的模块类型来替换这些loader。
2022-10-09 18:07:23
316
原创 为什么需要webpack
2、那么如果我们把所有代码放入一个js文件中，就会解决问题1，那么文件会太大，网络加载也会出现瓶颈随着项目的增大加载会出现白屏的时间越长，并且也会导致作用域的问题（很多全局变量都会挂在到window上，会严重污染window对象，造成window的臃肿），可读性差，可阅读性很差，代码也不好维护；1、项目本身业务代码的js文件依赖与外部的js三方库时，加载顺序必须js第三方库在前，或者说某个js文件依赖于另一个js文件，那么加载顺序必须有先后，否则就会出错，这样久而久之代码难以维护；
2022-10-08 10:15:28
213
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人