file-loader

webpack-提速优化小方案

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

webpack中处理图片

file-loaderurl-loaderwebpac3.x成神之路file-loader&url-loaderfile-loader解决CSS等中引入图片的路径问题；(解决通过url,import/require()等引入图片的问题)file-loader
小人物的秘密花园·2023-07-24 19:48

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

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

react安装sass

可以在node_modules目录中找到如下目录node_modules/react-scripts/config/webpack.config.js在这个文件中直接搜索‘file-loader’，大概
hyq_h·2023-06-21 18:19

webpack开发环境配置

webpack-cli,webpack-dev-serverstyle：style-loader,css-loader,less-loder等，前两个必须image：html-loaderother：file-loader
讷言丶·2023-06-17 11:55

Vue微前端乾坤(qiankun)解决子应用静态资源加载问题

安装file-loader：npminstallfile-loader在子应用vue.config.js中进行配置，//定义静态路由地址,根据子应用项目静态资源地址自行配置，打包后会根据publicPath
萧紫陌·2023-06-09 21:18

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

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

vue2.0项目中引入element-ui

1、安装loader模块请确保vue2.0的项目在安装element-ui之前已经安装了style-loader、css-loader、file-loader等loader模块。
夏日冰红茶·2023-04-20 17:13

从Vue-cli看 webpack配置

jssass-loader:把sass转成csscss-loader:把css转成jsstyle-loader:把css注入到js里，通过dom操作stylus-loader：加载并编译stylus文件file-loader
阿奇是只猪·2023-04-18 00:37

webpack面试知识点

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

webpack的简单配置

环境"autoprefixer":"^9.7.3","clean-webpack-plugin":"^3.0.0","css-loader":"^3.4.0","file-loader":"^5.0.2
iCherries·2023-04-15 05:00

vue中使用image-webpack-loader

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

前端面试指南 — webpack面试篇

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

webpack loader源码解析系列(三)-raw-loader、file-loader、url-loader

文章目录raw-loaderfile-loaderurl-loaderraw-loader将匹配的文件输出成字符串，处理其中分隔符，因为浏览器中js表达式中不允许出现换行分隔符import{getOptions}from'loader-utils';import{validate}from'schema-utils';importschemafrom'./options.json';exportd
神奇大叔·2023-04-06 08:30

Vue3学习之旅--之webpack基础-进阶--webpack5?拿来吧你！

文章目录Webpack打包其他资源file-loader文件的命名规则设置文件的名称设置文件的存放路径url-loaderurl-loader的limitassetmoduletype认识assetmoduletypeassetmoduletype
尤雨东·2023-03-24 04:10

vue-loader处理之后img src变成"[object Module]"问题

objectModule]"这是因为当vue-loader编译template块之后，会将所有的资源url转换为webpack模块请求官方给出的解释：这是因为vue使用的是commonjs语法规范，而file-loader
洋洋_13dc·2023-03-20 05:40

在vue项目中配置使用svg

日常使用svg作为图标使用已经很常见了,以下为几种使用方式.file-loader解析资源文件最原始的无非就是直接导入使用了,webpack使用了file-loader对所有静态资源进行路径解析,包括图片
z_hboot·2023-03-19 05:25

一些有关webpack的概念

url-loader:file-loader类似，区别是用户可以设置一个阈值，大于阈值会交给file-loader处理，小于阈值时返回文件base64形式编码(处理图片和字体)image-loader:
弱冠而不立·2023-03-17 11:02

【吐血整理】Webpack面试题超全面

(我开始熟悉的报起了菜名)raw-loader：加载文件原始内容（utf-8）file-loader：把文件输出到一个文件夹中，在代码中通过相对URL去引用输出的文件(处理图片和字体)url-loader
何逸轩gg·2023-03-15 06:13

2020-05-24 webpack配置vue 使用 element 时报错ERROR in ./node_modules/element-ui/lib/theme-chalk/fonts/el...

$/,loader:'file-loader'//可以配置这个就可以正常看到文件名了options:{name:'[name].[ext]',}}
JMet·2023-03-14 06:51

webpack 单入口项目基础配置教程(六)

这次处理下图片和字体先图片yarnaddurl-loaderfile-loader--devurl-loader和file-loader的关系有点像父子集,但是url-loader依赖file-loader
tcssin·2023-02-05 16:12

file-loader? 是什么意思

https://webpack.js.org/concepts/loaders/#inlineInlineIt'spossibletospecifyloadersinanimportstatement,oranyequivalent"importing"method.Separateloadersfromtheresourcewith!.Eachpartisresolvedrelativetoth
cdzhd·2023-02-04 22:37

webpack5基础配置 （3）打包其他资源 asset module type资源类型

资源模块类型（assetmoduletype）上一篇说了webpack5打包其他资源已经可以不用到file-loader与url-loader了。
coderlin_·2022-12-12 09:36

vue 打包上线后字体图标不显示

Vue+elementUIbuild打包部署后字体图标丢失，控制台显示文件element-icons.woff和element-icons.ttf文件404如果已经下载“file-loader”:“^1.1.4
qq_41091678·2022-10-13 03:02

webpack5 使用svg asset-module

webpack5已经废弃了url-loaderwebpack5自带的asset-module就可以实现以前的功能asset-module整合了原本的url-loader、file-loader、raw-loader
xxsjan·2022-08-21 19:46

Module build failed: TypeError [ERR_INVALID_ARG_TYPE]: The “from“ argument must be of type string

今天遇到的问题是在使用file-loader时，无法打包，错误提示：我的webpack版本是3.6.0，而我安装的file-loader版本是6.0.1。
madkeyboard·2022-08-19 21:05

webpack5资源最佳加载方案

在前面几篇文章中，我们已经基础的如何运用一个webpack与webpack-cli从0到1搭建一个简单的react或者vue工程应用，其中我们使用了加载文件，我们在之前处理文件使用file-loader
·2022-07-03 10:46

尚硅谷webpack学习笔记

npmiwebpackwebpack-cli-gnpmiwebpackwebpack-cli-D开发环境的配置这些资源都需要下载"devDependencies":{"css-loader":"^5.0.1","file-loader
陌上烟雨寒·2022-06-23 17:23

webpack4和webpack5打包资源文件配置差异

这些文件在打包的时候需要移动到dist目录webpack4中，打包这些资源文件，需要用到url-loader和file-loader,file-loader把文件输出到一个文件夹中，在代码中通过相对URL
·2022-06-22 11:21

webpackvuecli05

图片处理url-loader小于limit时编译为base64字符串形式大于file-loader进行加载，添加path路径hash字符串展示在dist，不希望哈西name:‘img/[name].
旺旺妙脆角·2022-06-13 10:03

webpack5打包原理及应用（静态资源篇）

webpack5打包原理及应用（静态资源篇）file-loader使用首先记得安装file-loader通过创建一个元素，设置其src属性引入图片//新建一个pack-image.js文件如下：functionpackImg
肖迷笛·2022-04-03 13:22

如何在vue中引用阿里字体图标

(eot|svg|ttf|woff|woff2)$/,loader:'file-loader'},
8d2855a6c5d0·2022-02-09 06:18

loader

$/,loader:'file-loader'
知识分享share·2022-02-07 13:43

webpack html-withimg-loader html图片的打包

遇到的问题最近学习配置webpack的时候，使用file-loader打包图片时发现没有html通过img标签引入的图片，搞得我很想说mmp，最后发现webpack不识别html中img标签src引入的图片
G_whk·2022-02-05 09:37

JavaScript中Webpack的使用教程

单入口时的输出2.2.2多入口时的输出2.3loader2.4plugins3.Webpack处理css文件3.1标签形式嵌入html3.2标签形式引入html4.Webpack处理css中的图片4.1使用file-loader
·2021-11-08 18:00

4. 打包图片资源

处理样式中引入图片资源loader:url-loader;下载loader:npminstallurl-loaderfile-loader--save-dev|npmiurl-loaderfile-loader-D下载file-loader
你好岁月神偷·2021-11-08 14:36

file-loader 配置详解以及资源相对路径处理

而file-loader则会将资源文件复制到指定的打包目录，同时把原本的模块引用(import/require())解析重写为输出文件的正确访问路径(url)。
AizawaSayo·2021-08-06 17:34

【webpack4 系列之六】

webpack4branch:feature/lesson7我们需要做什么支持jpeg,jpg,gif,png等文件格式图片处理成雪碧图压缩图片字体如何下载和处理需要什么loader和pluginloader:file-loader
技术侠·2021-06-27 04:23

url-loader The "from" argument must be of type string. Received type undefined

url-loader要依赖file-loader，但因file-loader版本过高报错降低file-loader版本，当前最高版本是6x，我将版本降到5ximage.png完
wudi天·2021-06-20 20:41

解决Vue中img图像src变成"[object Module]"无法正确加载的问题

/image.png')//require()是CommonJS模块语法}})对于图像我们在Webpack中肯定会使用url-loader或file-loader来处理：{test:/\.
chend0316·2021-06-04 23:22

webpack4 svg-sprite-loader 加载svg

本项目为react项目image.png简单应用：//1.webpack设置svgloader，不要再在file-loader/url-loader中配置svg，只需要这里配置就够了//但是如果你使用了
IamaStupid·2021-05-12 13:39

2018-04-20style-loader添加一点功能

树里这本功能在开发调试时是很有用的，比如我们通过他可以知道样式的源文件与插入的style的对应关系，从而去检查是否被正确处理了，以及他们加载的顺序是怎样的但是当前的style-loader中定义的attrs只能是静态属性，不支持像file-loader
袁波_爱谁谁·2021-04-25 13:26

Webpack 你知道多少？

raw-loader加载文件原始内容（utf-8）file-loader把文件输出到一个文件夹中，在代码中通过相对URL去引用输出的文件（处理图片和字体）url-loader与file-loader类似
__Nancy·2021-04-15 02:03

webpack5 基础配置（2） postcss使用 file-loader

第一小节讲了browserslist的作用,接下里讲Postcss这个插件有什么用呢？1可以通过js来转换css样式如适配，加前缀，css的重置等等2postcss本身功能很少，需要借助其他插件。如何使用呢？1查找postcss工具的扩展，比如webpack的postcss-loader，2安装对应功能的postcss插件。先来看基本使用原生postcss插件需要借助postcss-cli使我们能
lin_fightin·2021-03-22 23:19

webpack5的资源处理（asset modules）

图片字体之类的资源的时候等，需要用到url-loader，file-loader，raw-loader，webpack5则放弃了这三个loader，这三个loader在github上也停止了更新。
undeflined·2021-03-22 16:11

webpack打包图片资源

1、下载url-loader和file-loader(url-loader依赖于file-loader)npmiurl-loaderfile-loader-D2、webpack.config.js中配置
·2021-03-12 06:00

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

今天我们来聊一聊开发中比较常用的loader配置常用Loader配置1.url-loader安装：npminstallurl-loader-D查看包的历史信息：npminfourl-loader注意：url-loader内部会用到file-loader
酷酷的凯先生·2021-03-04 22:11

在vue中使用image-webpack-loader实例

webpack.base.confi.js提示：在这里url-loader和image-webpack-loader不能一起使用，否则会导致图片出不来接着找到module:{rules:[{}...]}在这里写入，一定要先写‘file-loader
·2021-02-26 10:14

webpack开发和生产环境配置

webpack.dev.config.js和webpack.prod.js文件后配置package.json如下：安装依赖包：html-webpack-plugin、css-loader、style-loader、less-loader、file-loader
Amethyst紫宣·2021-02-04 20:38

Vue3.0入门 + Vant3.0移动端实践（二）轮播图模块封装及首页完善

网上查了很多资料，说是因为file-loader默认采用ES模块语法，即i
特立独行的猫a·2021-02-04 19:32
上一页 1 2 3 4 5 6 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他