问题标签 [webpack-file-loader]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
image - Img 未在 React 组件中加载
我正在尝试在我的组件中加载图像：
但它不起作用，我正在加载 Roboto 字体并且工作正常。
这是我来自 webpack.config 的代码段：
我的 img 没有复制到我的 dist 文件夹。
angular - Angular 中静态图片的 Webpack 和文件加载器
我在一个 Angular 应用程序中工作，我已经设置了我的 webpack conf 以使用 file-loader 来加载我使用的图像。
我的应用程序的结构是
我的 webpack 正在使用文件加载器
然后我在我的组件中像这样使用它
这是有效的，但在我看来，必须要求所有我需要以这种方式使用的图像有点痛苦。
由于这些是静态图像，有没有办法告诉 webpack “扫描”模板（内联或非内联）并查找图像文件引用以便我可以使用它？
typescript - 如何使用 Webpack 3、Typescript 和文件加载器加载 index.html 文件？
我尝试通过和 Webpack 3加载我的index.html文件。file-loader
我的webpack.config.ts样子是这样的：
不幸的是，它不会将我src/index.html的文件加载到dist文件夹中。我究竟做错了什么？如何从文件夹中获取索引文件到src文件dist夹？
javascript - 在 webpack 中加载 .otf 字体文件的正确方法是什么？
使用 webpack 时加载 .otf 字体文件的适当方法是什么？webpack.config.js根据我看到的许多示例，我已经多次尝试在我的 .
webpack.config.js我已经为其他文件类型设置了以下内容，这些文件类型可以成功运行：
尽管我多次尝试为 .otf 文件添加另一个规则/案例，但我总是收到以下错误：
模块解析失败：.../fonts/[name-of-my-font].otf 意外字符 ' ' (1:4) 您可能需要适当的加载程序来处理此文件类型。
我已经fonts在我的根目录的一个文件夹中添加了 .otf 文件，并且在我的 index.css 中我有：
有没有人遇到过类似的问题并找到了解决方案？
谢谢，奥斯汀
根据对我的更多文件的评论请求webpack.config.js，这是我的全部内容webpack.config.js：
webpack - 使用带有 .html 条目的 webpack
如何从传统输入开始webpack将 Web 应用程序转换为输出文件？.html.html
这是一个简单的起点：
索引.html
main.js
webpack.config.js
但是，这会导致在SyntaxError: Unexpected token import处理main.js时。
webpack - 升级到 Webpack 3 时文件加载器的语法错误
我正在从 Webpack 2 升级到 3，我遇到了file-loader@1.0.0-beta.1. 这是我得到的错误：
（为简洁起见，省略了完整的错误详细信息。这是相关部分。）
这是 Webpack 配置：
在我使用之前0.9.0，没有错误。查看两个版本之间的差异，我看到它0.9.0返回一个使用 CJS 格式而不是 Harmony 的字符串。
我试着把它放在babel-loader后面，file-loader但这并没有解决问题。我可以使用0.9.0并且一切正常，但是我不想被困在那个版本上。
reactjs - Webpack s3 插件未更新要从 S3 加载的图像
我对 Webpack S3 插件有疑问。我有一个非常基本的配置：
当我使用 webpack 构建代码时，捆绑的 JS 文件、CSS 文件和所有字体都正确上传到 S3 存储桶。URL 相对于目录显示，因此它适用于 S3。但是，使用 file-loader 加载的 SVG 文件也会将 URL 转换为相对的。因为我的网站是从另一个域加载的，所以我无法打开图像。此外，图像文件也不会上传到 S3。该文件是这样加载的：
有没有办法让 S3 插件将文件转换为 S3 URL 而不是相对的？另外，有没有办法让 S3 上传使用加载的文件import？
reactjs - （React + Webpack）在 Dev 中加载图像，但不是在生产中加载（file-loader + image-webpack-loader）
一切都在开发中运行良好，但是当我尝试为生产构建时，图像不会显示在页面上。它们确实出现在正确的文件夹中（即我的生产文件夹有一个包含图像的图像子文件夹）。当我在浏览器中查看文件夹（来源）时，图像文件夹不存在。尽管 webpack 正在正确构建它，但由于某种原因，react 构建似乎不知道该文件夹。我猜这是一个反应问题，而不是 webpack 问题，但我对这两个问题还是新手。我发现的所有资源似乎都表明我所拥有的应该可以工作，但我觉得我错过了一些东西。
webpack.config.js：
正在使用：
编辑：我现在有图像文件夹显示其中的图像（表面上），但是，图像完全损坏。即使只是从文件夹中的浏览器中检查它也不起作用。
webpack - webpack 文件加载器相对路径
我有一个 webpack 配置文件和一个针对这样的图像的示例测试：
我有一个像这样的简单文件结构：
现在，当我在我的 css 文件中引用图像时，我会写一些类似 url('../img/1.jpg) 的内容，因为我需要上一层并进入 img 文件夹，并且当我在我的 html 中包含图像时，我需要使用这样的东西：<img data-id="1" src="<%= require('./img/1.jpg') %>" />.
当我运行 webpack 时一切正常，但路径未在最终的 css 文件中正确配置！我得到这样的东西：
但应该是
因为生成的 css 文件将在 css 文件夹中
换句话说，最终的 css 文件进入一个子文件夹，因此其中的图像引用都应该得到一个 '../' 但他们没有
我希望我足够清楚
webpack - webpack file-loader 加载文件夹中的所有文件
我在一个文件夹中有一堆图像，webpack 文件加载器只加载那些在 html 或 css 文件中引用的图像。没关系。但我希望文件夹中的所有图像也加载到最终的 dist/images 文件夹中，无论它们是否在 html 中寻址。
关键是我想通过用户一个接一个地点击来加载它们
谢谢ssssss