Webpack
文章平均质量分 92
自豪听我的
神仙打架 靠边行走
展开
-
webpack处理不同文件下的图片
文章目录一、使用file-loader处理CSS中的图片1.安装 css-loader 和 mini-css-extract-plugin2.配置loader和plugin处理css文件3. 安装file-loader依赖4. 配置file-loader依赖5. webpack 处理之后的效果二、使用html-withimg-loader处理HTML中的图片1.安装 html-withimg-loader依赖2. 配置html-withimg-loader依赖3. 安装 file-loader依赖4.配置f原创 2021-08-05 11:04:49 · 354 阅读 · 0 评论 -
webpack中处理css文件
文章目录一、引入webpack1. 创建如下目录文件2. 打开本文件目录下的控制台,初始化项目3. 安装webpack需要的包4. 配置webpack二、 需要引入合适的依赖来让引入css文件1. 安装`css-loader`依赖,识别js文件中引入的css文件2. 在`webpack.config.js`里配置依赖3. 而这样之后,只是能识别css文件,无法识别css样式;我们需要继续引入依赖;有两种方式引入,style标签和link标签;以下分别对两种方式展开讲解三、 将css打包到页面的style标签原创 2021-08-04 11:54:51 · 1205 阅读 · 0 评论