自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 webpack利用mini-css-extract-plugin将css单独放在一个文件夹

mini-css-extract-plugin在使用css-loader和style-loader是将css全部都放到了js里面,就会导致js代码很冗余,有着css的代码,所以可以通过这个插件将css单独抽出来,形成一个单独的文件

2022-06-17 11:56:57 1225

原创 webpack常用的插件 htmlWebpackPlugin

作用:该插件将为你生成一个 HTML5 文件,在执行webpack之后生成的build文件下只有一个js文件,它不会自动生成与之对应的html文件,所以我们需要让它在build文件夹之后再生成一个html,然后直接运行build文件夹里面的html就可以看到你想要的效果1.1 安装 npm install --save-dev html-webpack-plugin1.2 配置webpack.config.js这将会生成一个包含以下内容的 文件:但是观察生成的html代码,会发现它只是生成了一个新的

2022-06-13 22:23:22 198

原创 less-loader处理样式文件

webpack less-loader的基本使用

2022-06-13 22:19:57 191

原创 html-loader处理图片资源以及字体,视频等资源

html-loader处理图片资源以及字体,视频等资源

2022-06-13 22:18:50 406

原创 file-loader与url-loader

file-loader与url-loader 用来处理样式中的图片资源

2022-06-13 22:15:44 810

原创 css-loader

webpack css-loader的使用

2022-06-13 22:09:44 1306

原创 webpack基础以及核心概念

webpack五大核心概念理解以及新建webpack工程

2022-06-13 22:03:44 104

原创 简单数据类型与复杂数据类型

JavaScript进阶1、简单数据类型与复杂数据类型1.1简单数据类型(变量中存储的是值,存储在栈中)number数值型string字符型Boolean布尔型undefined 简单数据类型值为空时null 复杂数据类型值为空时复杂数据类型(变量中存储的是地址,存储在堆中)arr 数组等,可以通过关键字new出来的1.2简单数据类型与负载数据类型内存分配内存可以分为堆和栈两部分,简单数据类型分配在内存中的栈中,而复杂数据类型分配在内存中的对中...

2021-08-05 18:19:33 304

原创 VueCLI的安装和使用

vueCIL的安装和使用vueCLI通常用来开发大型项目,如果只是几个简单的vueDOME那么大可不必使用Vue CLI。通常在开发大型项目的时候,繁杂的目录结构以及webpack配置,代码单元测试等,如果这些需要手动完成,那么无疑工作效率很低,所以我们通常使用一些脚手架来帮助我们完成这些事情。文章目录vueCIL的安装和使用准备工作一、node二、node的下载1.下载node相应的版本2.安装node3.配置npm在安装全局模块时的路径和缓存cache的路径三、webpack的安装1 webpa

2021-08-02 23:56:26 456

空空如也

空空如也

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

TA关注的人

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