自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(5)
  • 收藏
  • 关注

原创 webpack module中loader为什么是从右向左执行

compose 函数是高级函数,接收函数作为参数,将计算结果返回作为执行下一次函数的参数,直到整个函数执行完毕。源码采用的是compose 函数解决函数多层嵌套 问题。

2022-10-11 18:41:04 141

原创 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 703

原创 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 1466

原创 webpack5-资源模块

我们都知道webpack基于node,默认可使用js、json文件,如果需要使用其他文件需要loader解析,在webpack5之前使用资源文件是需要loader支持的;资源模块(asset module):是一种模块类型,它允许使用资源文件(如字体、图标、图片等),而无需配置额外的loader;资源模块通过添加4种新的模块类型来替换这些loader。

2022-10-09 18:07:23 314

原创 为什么需要webpack

2、那么如果我们把所有代码放入一个js文件中,就会解决问题1,那么文件会太大,网络加载也会出现瓶颈随着项目的增大加载会出现白屏的时间越长,并且也会导致作用域的问题(很多全局变量都会挂在到window上,会严重污染window对象,造成window的臃肿),可读性差,可阅读性很差,代码也不好维护;1、项目本身业务代码的js文件依赖与外部的js三方库时,加载顺序必须js第三方库在前,或者说某个js文件依赖于另一个js文件,那么加载顺序必须有先后,否则就会出错,这样久而久之代码难以维护;

2022-10-08 10:15:28 211

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除