url-loader

webpack图片等资源的处理

需要的loaderfile-loader（让我们可以引入这些资源文件）url-loader（其实是file-loader的二次封装）img-loader（处理图片所需要的）在没有使用任何处理图片的loader
dmengmeng·2024-09-16 09:52

Webpack打包

Webpack打包目录Webpack打包打包图片资源模块类型（**assetmoduletype**）url-loader的limit效果打包图片我们当前使用的webpack版本是webpack5：在
爱敲代码小黑·2024-03-26 08:53

【Webpack】处理图片资源

处理图片资源过去在Webpack4时，我们处理图片资源通过file-loader和url-loader进行处理现在Webpack5已经将两个Loader功能内置到Webpack里了，我们只需要简单配置即可处理图片资源
小秀_heo·2024-02-20 04:30

2019-06-03webpack使用url-loader处理文件、图片

网上都说只需要url-loader就行了，但是我在实际开发过程中碰到了字体文件提示需要file-loader，所以为了避免出问题，这里也下载一下file-loadernpminstallurl-loaderfile-loader
菩灵·2024-02-11 10:25

前端工程化之：webpack1-12(常用扩展)

目录前言一、CleanWebpackPlugin二、HtmlWebpackPlugin三、CopyPlugin四、webpack-dev-server五、file-loader六、url-loader七
小李老笨了·2024-02-03 12:10

Webpack5中使用file-loader和url-loader打包图片

在Webpack5之前，加载资源需要使用一些loader，比如raw-loader、url-loader、file-loader；从Webpack5开始，我们可以直接使用资源模块类型(assetmoduletype
彭宏豪·2024-01-30 17:29

Webpack5入门到原理6：处理图片资源

处理图片资源过去在Webpack4时，我们处理图片资源通过file-loader和url-loader进行处理现在Webpack5已经将两个Loader功能内置到Webpack里了，我们只需要简单配置即可处理图片资源
duansamve·2024-01-21 05:39

不借助脚手架使用webpack4从0开始搭建一个完整vue开发环境

目录一、安装webpack和webpack-cli二、指令方式运行三、配置文件方式运行四、less-loader解析less五、一般es6语法转换六、JS兼容性处理（包括ie）七、使用url-loader
duansamve·2024-01-20 07:56

React：使用第三方css框架步骤（以bootstrap为例）

cnpmiurl-loaderfile-loader-D3、webpack.config.js中配置处理字体的loader：{test:/\.ttf|woff|woff2|eot|svg$/,use:"url-loader
duansamve·2024-01-20 07:56

(二十四)打包bootstrap

|svg)$/,loader:'url-loader?limit=10000'},{test:/\.(ttf|eot)$/,loader:'
我拥抱着我的未来·2024-01-17 07:11

【实战篇】基于vue-cli创建的项目进行打包优化

比如file-loader,url-loader会提前为我们配置好。性能方面，vu
Equicy·2023-12-31 08:31

利用 stats.json 定位 @nrwl/react webpack 配置问题

NX基于React应用在webpack打包时添加了url-loader的相关配置。但是同事反馈该url-loader针对部分引用的图片文件不起作用。
小志Chris·2023-12-29 19:51

url-loader

(png|jpg|gif)$/,loader:'url-loader?limit=8192&name=./static/img/[hash].[ext]',},{test:/\.(png|jpe?
jh2k15·2023-12-26 04:24

在webpack5中使用url-loader加载图片显示空白

这个问题真的是太坑了首先我是跟着一个教程学的webpack，但是作者本人用的webpack4，我安装的时候没想到4和5区别这么大，js打包没有问题，样式打包也没有问题，但是在样式里引入图片时，图片打包后显示异常，没有报图片地址404，也没有出现网上很多人出现的[objectobject]问题。图片获取看上去没什么问题，但是链接打开是一个空白的小方格。这个问题大概看了两天了，本来想放弃了，直接把we
Amillly·2023-12-23 14:43

关于webpack 的面试知识点

来解析常见的loader有：babel-loader(处理es6)、css-loader、style-loader（将css插入到html页面的style中）、less-loader、file-loader、url-loader
小蘑菇0629·2023-12-05 09:32

webpack如何处理文件、图片

webpack5之前是通过，file-loader、raw-loader、url-loader处理文件webpack5是通过使用资源模块类型（assetmoduletype）处理文件资源模块类型(assetmoduletype
QAEARQ·2023-11-29 14:31

从0到0.01入门 Webpack| 008.精选 Webpack面试题

详细解释一下“url-loader”和“file-loader”的工作
ai_todo·2023-11-25 23:08

第三章 webpack5处理图片资源

  在过去webpack4中处理图片采用的loader是file-loader和url-loader,可能还有image-webpack-loader进行处理图片。
天界程序员·2023-11-25 12:20

webpack对静态资源的处理（url-loader 和 file-loader）解决图片加载不出来问题

背景vue项目（webpack构建项目）中的静态资源如何处理？这句话看似简单，但静态资源覆盖的范围是非常广的。例如：图片、icon、font，js文件等，都属于静态资源。而在工程化的前端项目中，对它们的处理方式都是各不相同。例如图片，过去的前端项目可能直接引用图片地址即可，但在工程化的前端项目中，所有的代码都会经过webpack或gulp等打包构建工具进行编译处理，其中引用的路径就会在编译后发生变
20世纪中二少年luohongxin·2023-11-24 09:34

升级webpack5后chainWebpack链式调用插件，插件回调参数为undefined

最近将项目升级到了vue-cli5和webpack5，发现之前有些loader和插件的链式调用后回调参数args为undefined，如url-loader和html-webpack-plugin，tap
cyh5d·2023-11-05 02:07

webpack loader css,css-loader

引用资源的合适loader是file-loader和url-loader，你应该在配置中指定(查看如下设置)。file.jsimportcssfrom'file.css';webpack.co
weixin_39774644·2023-10-19 11:04

处理vue直接引入图片地址时显示不出来的问题 src=“[object Module]“

objectModule]”这是因为当vue-loader编译template块之后，会将所有的资源url转换为webpack模块请求这是因为vue使用的是commonjs语法规范，而file-loader/url-loader
浪里个浪里个浪里个浪·2023-10-18 04:58

file-loader url-loader 图片图标

file-loader和url-loader都是用来处理图片、字体图标等文件url-loader工作时分两种情况：-当文件大小小于limit参数，url-loader将文件转为base-64编码合并到js
Time_Notes·2023-10-17 21:33

webpack-资源模块类型(asset module type)使用详解

我们当前使用的webpack版本是webpack5：在webpack5之前，加载这些资源我们需要使用一些loader，比如raw-loader、url-loader、file-loader；在webpack5
ICanWin_lll·2023-10-08 20:27

vue-cli3在vue.config.js添加图片类型

这里会告诉我们怎么添加image.pngvue.config.js添加chainWebpack:config=>{config.module.rule('images').test(/\.ico$/).use('url-loader
w_小伍·2023-10-08 02:48

6.图片处理

(png|jpg|gif)/,use:[{loader:'url-loader',options:{limit:500}}]}
丸子_d7e2·2023-10-08 00:43

vue 动态加载图片src的解决办法

/assets/img/1-2.png'}}在webpack中会将图片图片来当做模块来用，因为是动态加载的，所以url-loader将无法解析图片地址解决办法将图片作为模块加载进去data(){return
会飞的猪bzy·2023-09-18 18:20

20-webpack 加载字体优化

通过url-loader将小文件转换成base64URIs内联到bundle.js中，可以减少HTTP请求次数。一、添加字体添加华文彩云.ttf字体库,大小为5.7MB。
好_快·2023-09-18 08:45

vue-cli2项目webpack3 和webpack4环境中：Element-UI在vue项目中，打包build后字体、图标丢失（亲测可解决）

Element-UI在vue项目中，打包build后字体、图标丢失应用场景：F12报错提示：问题原因：（1）查看/build/webpack.base.conf.js文件可以发现，woff或ttf这些字体会经由url-loader
小湾生产队队长·2023-09-12 06:56

webpack4学习(2)

(jpg|png|gif|jpeg)$/,use:[{loader:'url-loader',options:{limit:"5000",name:"[name].min.
jay_zhou·2023-08-31 07:18

WebPack优化

1常用的loader和plugin1.file-loader加载文件，url-loader也可以加载文件但是当文件小于阙值转为base64返回，url-loader封装了file-loadercss-loader
Until2028·2023-08-23 08:53

Vue2.0+webpack 引入字体文件（eot，ttf，woff）

$/,loader:'url-loader',options:{limit:10000,name:utils.assetsPath('fonts/[name].[hash:7].
北觅_小太阳·2023-08-22 16:30

如何提升Webpack构建速度

使用Happypack实现多线程加速编译要注意的第一点是，它对file-loader和url-loader支持不好，所以这两个loader就不
杭州程序员小陈·2023-08-17 01:43

Webpack5 处理图片资源

2.添加图片资源3.使用图片资源4.运行指令5.输出资源情况6.对图片资源进行优化7.使用data-uri的优点和缺点处理图片资源过去在Webpack4时，我们处理图片资源通过file-loader和url-loader
有趣的小良·2023-08-11 09:59

vue-cli中图片路径不对的相关处理

1.用js动态加载assets或者本文件的图片出现404的状态码原因：在webpack中会将图片图片来当做模块来用，因为是动态加载的，所以url-loader将无法解析图片地址，然后npmrundev或者
ChrisWF·2023-08-08 13:56

webpack处理字体

参考url-loader配置1.创建本地项目webpack-demomkdirwebpack-democdwebpack-demo2.在webpack-demo的根目录下创建package.json文件
小人物的秘密花园·2023-08-02 16:46

vue动态赋值img的src，用require()

首先，单独一个src是可以的数组是这样的想改为动态赋值的形式就实现不了所以改为如下：在webpack中会将图片图片来当做模块来用，因为是动态加载的，所以url-loader将无法解析图片地址，将图片作为模块加载进去
PairsNightRain·2023-07-29 09:08

vue项目引入外部字体文件

将字体文件放入其中在这里插入图片描述2.创建一个font.css文件在ttf同级目录下创建一个font.css文件，并将字体文件的路径引入@font-face{font-family:'hanbao';src:url-loader
紫气楠楠·2023-07-26 05:13

webpack-提速优化小方案

3：使用Happypack实现多线程加速编译,要注意的第一点是，它对file-loader和url-loader支持不好，所以这两个l
终极菜鸟_424b·2023-07-24 21:23

【Vue面试题系列】五

可能需要的loader包含：sass-loader、less-loader、url-loader等。vue-loader工作原理：通过vue-loader
小萨摩！·2023-07-22 04:23

webpack/vue.config.js 中配置常用的 loader 与 plugin

今天我们来聊一聊开发中比较常用的loader配置常用Loader配置1.url-loader安装：npminstallurl-loader-D查看包的历史信息：npminfourl-loader注意：url-loader
为光pig·2023-06-22 10:17

webpack-demo004，安装babel-loader，css-loader，style-loader，sass-loader，url-loader

安装各种加载器Loaderbabel-loadercss-loader、style-loaderlessless-loadersasssass-loaderurl-loaderfile-loaderbabel-loader此package允许你使用Babel和webpack转译JavaScript文件。npmi-Dbabel-loader@babel/core@babel/preset-envwe
qq_26264237·2023-06-20 10:23

webpack处理图片资源（jpeg,jpg,png等）

在webpack5以前，我们处理图片资源通过file-loader和url-loader进行处理现在Webpack5已经将两个Loader功能内置到Webpack里了，我们只需要简单配置即可处理图片资源
jieyucx·2023-06-08 05:53

从Vue-cli看 webpack配置

csscss-loader:把css转成jsstyle-loader:把css注入到js里，通过dom操作stylus-loader：加载并编译stylus文件file-loader:把文件输出到文件夹中使用相对路径引用url-loader
阿奇是只猪·2023-04-18 00:37

webpack面试知识点

raw-loader：加载文件原始内容（utf-8）file-loader：把文件输出到一个文件夹中，在代码中通过相对URL去引用输出的文件(处理图片和字体)url-loader：与file-loader
Moonoly·2023-04-18 00:35

vue项目部署到服务器后页面找不到favicon.ico 的解决方法

statuscode为404，这其实是在Vue项目中调用ELementUI而引起的图标不显示解问题，原因是/build/webpack.base.conf.js文件可以发现，woff或ttf这些字体会经由url-loader
Qingelin·2023-04-17 10:20

Webpack运行报错 Module parse failed

解决方法1：把axios包升到最新版本^0.26.1解决方法2：看到上面错误是url-loader插件问题，然后查看自己的webpack配置，果然jso
跑跑快跑·2023-04-15 20:05

webpack：使用html-withimg-loader对html中img标签引入的图片打包，打包后图片无法显示，路径上多出default对象

第一部分：插件安装和配置介绍（本人目前使用的配置）在使用webpack进行打包时，使用url-loader打包的是样式文件中的背景图片，如less、css
wooc·2023-04-14 20:58

vue中使用image-webpack-loader

首先打开webpack.base.confi.js提示：在这里url-loader和image-webpack-loader不能一起使用，否则会导致图片出不来接着找到module:{rules:[{}.
侯六六·2023-04-13 05:56

element-ui字体加载失败

奇怪的是iconfont的字体可以加载但是element-ui的加载报错后来我就安装了url-loader依赖，然后修改vue.c
二营长家的张大炮·2023-04-09 01:41
上一页 1 2 3 4 5 6 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他