webpack
文章平均质量分 60
青春微凉不悲伤
为人坦率、热情乐观、讲求原则;处事乐观、专心、细致、头脑清醒;富有责任心、乐于助人。
展开
-
优化编译速度&包优化
借助config-overrides.js+customize-cra在不暴露webpack文件时修改打包的配置对象原创 2022-06-27 11:00:47 · 1052 阅读 · 0 评论 -
webpack —— 模板引擎(HtmlWebpackPlugin)
HtmlWebpackPlugin原创 2022-06-15 15:00:00 · 456 阅读 · 0 评论 -
webpack —— plugin
clean-webpack-plugin插件原创 2022-06-14 15:31:34 · 220 阅读 · 0 评论 -
webpack —— 处理其他资源(以图片为例)
前面我们了解了webpack处理css文件的loader,但是如果想在项目中使用其他文件,也需要对应的loader去处理。案例需求:在网页上显示图片。在项目中使用图片,常见的有两种方式:1、通过img元素,设置src属性;2、其他元素,常见的如div,设置background-image的css属性。接下来让我们用上面两种方式各加载一张图片,在src目录下添加两张图片,在component.js文件中添加图片相关的代码:代码编写完之后,进行打包,发现报错,提示我们需要适当的loa原创 2022-05-31 17:05:40 · 450 阅读 · 1 评论 -
webpack —— loader
前面我们学习了webpack的安装、打包、配置文件等功能,现在我们接着来探索webpack的loader。需求:创建一个div元素,元素内容为一个字符串,并给该元素设置一些样式。在前面代码的js目录里创建component.js文件;在src目录下创建css文件夹,并且创建component.css文件,并且给div设置红色字体。代码编写完之后,进行打包,发现报错,提示我们需要适当的loader去处理css文件。通过查看文档,我们可以知道,loader可以对模块的源代码进行转换,而c..原创 2022-05-30 13:53:12 · 178 阅读 · 0 评论 -
webpack的配置文件 —— webpack.config.js
上篇文章我们学习了webpack的安装、打包等基本配置,现在我们来学习一下webpack的配置文件——webpack.config.js。前面我们想要打包的时候直接运行命令,npm run build即可,那么如果我们的项目中没有index文件,或者我们想指定main.js文件进行打包,会如何呢?执行打包命令,发现报错,大概意思是文件不存在。那么我们该如何进行其他文件的打包呢,有下面三种方法:方法1:执行命令:npx webpack --entry ./src/main.js该方法可以成原创 2022-05-29 14:17:44 · 1073 阅读 · 0 评论 -
webpack基础学习
webpack原创 2021-08-06 09:32:04 · 129 阅读 · 0 评论