webpack-file-loader相关内容

Webpack-使用文件加载器需要图像

我正在使用webpack的Reaction应用程序。 我在webpack的配置中安装了‘文件加载器’和‘网址加载器’。 但是，我不确定如何将图像链接到我的组件。我将该图像的‘src’保存在一个‘Data.js’文件中，我从该文件将该图像的数据传递给Reaction组件。 我的webpack.config.js： ... const PATHS = { app : pat ..
发布时间：2022-07-20 13:07:27 前端开发

使用 webpack 动态提供图像

我有一个关于 webpack 和提供图片的问题. 我有一个 webpack 配置，可以构建一个 React webapp，并且还提供来自特定文件夹的 .jpg 文件. 但是如果我从我的 web 应用下载并添加一个新图像到这个文件夹会发生什么? 我可以刷新 webpack 以便它提供新图像并且我将能够使用 require.context 导入它吗?或者，这是不是 webpack 不 ..
发布时间：2022-01-19 13:03:08 其他开发

Webpack 文件加载器忽略 PNG 文件

我正在尝试通过 webpack 文件加载器输出所有图像文件，但是 webpack 忽略了带有 PNG 扩展名的图像.配置在 JPG 文件上正常工作. 我的 webpack 配置: const path = require('path');常量路径 = {src: path.join(__dirname, 'src'),img: path.join(__dirname, 'src/img') ..
发布时间：2022-01-19 12:44:22 其他开发

使用 webpack 将资产文件夹推送到公共目录

我是第一次使用 Webpack.目前，一切都得到了很好的服务.我的问题是当我尝试构建 dist 文件夹时.目前我得到了我的 index.html 和 bundle.js 文件，但我不知道如何将我的资产推送到 dist 文件夹. 我已经加载了文件加载器，但它实际上似乎并没有按照我的意愿行事，而且我运行的所有谷歌搜索都没有告诉我我需要知道什么.下面是我的配置文件.有人可以牵马到水边吗?此外，一旦 ..
发布时间：2021-12-18 18:32:52 前端开发

使用 webpack 文件加载器提供 mp3 文件

我在使用 webpack 文件加载器获取 mp3 文件时遇到问题. 这是问题: 我的硬盘上有一个 mp3 文件，如果我使用 chrome 打开，例如“c:\somefolder\somemp3file.mp3"在浏览器的一个选项卡中打开并且播放得很好. 但是，当我使用 webpack 提供完全相同的文件时，它不起作用.我在 webpack 中这样配置加载器: {测试:/\.(g ..
发布时间：2021-12-18 18:13:09 其他开发

Webpack - 多次包含文件

我想通过两个不同的加载器两次包含一个文件.原因是我想在 ES6 中显示代码片段，同时允许它们在不支持语法的浏览器中运行. 实际上我想要实现的是以下但两个加载器结果都包含在输出中 - {测试:/\.(js|jsx)$/,排除:/node_modules/，loader: "babel-loader"},{测试:/\.(js|jsx)$/,包括:/app\/examples/，用: [{加载器 ..
发布时间：2021-09-23 19:10:00 前端开发

webpack 文件加载器复制文件

我正在使用 webpack，它是 file-loader + html-loader 将文件发送到我的输出目录中.它几乎按预期工作，因为它还会复制这些文件. 这是我的 webpack.config.js 文件的一部分: module.exports = {模块: {规则: [{ 测试:/\.html$/，使用:[“html-loader"] }，{测试:/\.(jpg|png)$/,用: ..
发布时间：2021-09-23 18:56:43 其他开发

尝试使用我自己的 webpack 配置获取 .vue 文件中的本地图像时出错

真正的问题是我正在学习 webpack 并尝试创建自己的 vue 模板但我遇到的这个问题在 webpack-simple 或其他模板中不会发生，而且我的图像配置与模板通常使用的配置非常相似. {测试:/\.(png|jpe?g|gif)$/i,用: {加载器:'文件加载器'，选项: {name: '[name].[ext]',输出路径:'./assets/',},},} 我收到以下错误 ..
发布时间：2021-09-20 19:52:56 前端开发

使用webpack将资产文件夹推送到公共目录

我第一次使用Webpack.目前，一切工作都很好.我的问题是当我尝试构建 dist 文件夹时.目前，我得到了 index.html 和 bundle.js 文件，但是我不知道如何将资产推送到 dist 文件夹. 我已经加载了文件加载器，但实际上似乎并没有执行我想要的操作，并且我运行的所有Google搜索都没有告诉我我需要知道的内容.下面是我的配置文件.有人可以将一匹马带到水上吗?同样，一旦我 ..
发布时间：2021-05-19 19:25:07 前端开发

使用Webpack动态提供图片服务

我有一个关于Webpack和提供图像的问题. 我有一个webpack配置，它可以构建一个React webapp，还可以提供来自特定文件夹的.jpg文件. 但是，如果我从Web应用程序中下载了新图像并将其添加到此文件夹，会发生什么情况? 我可以刷新webpack以便提供新图像，并可以使用 require.context 导入它吗?还是webpack不应该做的事情，所以我需要在后端 ..
发布时间：2021-05-09 19:34:52 其他开发

当我使用webpack构建时，/assets文件夹中的所有图像都消失了

直到现在我在 dev环境 中工作，但现在我进入了 产品环境 ，然后运行进入这个问题: 有关该项目的一些重要细节: 一切正常，当我在 webpack-dev-server 上运行项目时，一切正常它是一个 React 应用 我自己对 webpack.config 进行了服装化，所以也许我有一些错误(不是create-react-app) 我的/assets 文件夹中有一些图片 我已 ..
发布时间：2021-04-12 18:32:21 前端开发

node_modules中的webpack 4映像:找不到模块

问题 我使用webpack 4将scs编译为css，并使用MiniCssExtractPlugin将css保存到其他文件中.问题是，我没有设法加载图像和字体，这些图像和字体是通过scss文件内部的url()包含的.运行开发或生产之间也没有区别. Scss编译完美，没有任何问题.同样，scss-loader也可以从node_modules加载.scss文件. 为什么会发生此错误，我该如何解决? ..
发布时间：2020-07-14 03:00:57 其他开发

使用React，Typescript和Webpack显示静态图像

我正在尝试使用webpack和webpack-dev-server在React组件中显示图像作为项目的一部分. 到目前为止，我已经完成了以下步骤: 使用npm安装文件加载器 更新了webpack.config.js以添加图像文件的加载器 将我想要的图像导入到组件中 在我的img标签中使用了导入 采取了这些步骤后，webpack编译失败并显示“找不到模块"错误: ERR ..
发布时间：2020-07-14 02:59:47 其他开发

Vue Cli 3本地字体未加载

当尝试在Vue CLI 3中加载自定义本地字体时，这些字体仍然不会出现.我没有收到任何错误消息.检查器显示正确的规则正在加载，但是#app上的字体回退到serif.字体没有显示在我的dist文件夹中的任何地方. 我尝试在vue.config.js中添加加载程序，更改URL路径，并将@ font-face规则移动到不同位置，将公共路径更改为''和'/'，将scss导入main.js 字体 ..
发布时间：2020-07-14 02:59:44 前端开发