Webpack不会将背景图片加载到html文件中
Webpack是一个现代化的前端构建工具，它主要用于将多个前端资源（如HTML、CSS、JavaScript、图片等）打包成一个或多个静态资源文件，以优化网页加载性能。
对于背景图片加载到HTML文件中的问题，Webpack并不会直接将背景图片加载到HTML文件中。Webpack主要负责处理JavaScript模块化、资源打包和优化等任务，而不涉及HTML文件的具体内容。
在使用Webpack时，可以通过以下方式处理背景图片：
- 使用CSS样式表：将背景图片的路径写入CSS样式表中，然后在HTML文件中引入该CSS文件。Webpack会将CSS文件中的背景图片路径进行处理，并将其打包到最终生成的CSS文件中。
- 使用CSS模块化：在Webpack中，可以使用CSS模块化的方式来管理样式文件。通过在JavaScript模块中引入样式文件，并使用对应的类名来设置背景图片，Webpack会将背景图片路径进行处理，并将其打包到最终生成的CSS文件中。
- 使用Webpack的图片加载器：Webpack提供了多个图片加载器（如url-loader、file-loader等），可以将背景图片作为模块引入到JavaScript文件中，并通过相应的配置将其打包到最终生成的静态资源文件中。
总结起来，Webpack并不会直接将背景图片加载到HTML文件中，而是通过处理CSS样式表或JavaScript模块中的背景图片路径，并将其打包到最终生成的静态资源文件中。
腾讯云相关产品推荐：
- 云开发（CloudBase）：提供全栈云开发能力，包括云函数、云数据库、云存储等，适用于快速构建前后端分离的应用。详情请参考：腾讯云开发产品介绍
- 云服务器（CVM）：提供弹性计算能力，适用于部署和运行各类应用。详情请参考：腾讯云服务器产品介绍
- 对象存储（COS）：提供安全、稳定、低成本的云端存储服务，适用于存储和管理各类文件。详情请参考：腾讯云对象存储产品介绍
- 人工智能（AI）：提供多种人工智能服务，包括图像识别、语音识别、自然语言处理等，适用于构建智能化的应用。详情请参考：腾讯云人工智能产品介绍
相关·内容
我使用webpack和html-webpack-plugin用生成的脚本包(比如bundle.[hash].js )更新我的index.html文件。
然后，我必须运行webpack-dev-server，这样我就可以将该包加载到内存中，并利用热模块替换。
这会使代码编译两次。
但是，我希望webpack-dev-server也能够使用新的bundle.[hash].js更新index.html文件，因为现在我必须先运行webpack，然后运行webpack-dev-sever。编译两次似乎很奇怪。
同样，我运行webpack的唯一原因是使用包的新散列更新我的index.html文件。如果我可
浏览 29提问于2016-06-15得票数 6
假设我有一个项目，其结构是这样的
projectFolder
--index.html
--img
--js
--childMod
--modA
--index.html
--img
--js
在对webpack的正常配置中，子模块中包含多个pages.all镜像的镜像会放在同一个文件夹中，如下所示
buildFolder
--index.html
--modA.html
--allImgs
--bundle.js
--modA.bundle.js
我想让webpack保持项目结构，像这样
buildFolder
--index.html
浏览 11提问于2016-09-03得票数 0
我试着通过file-loader和Webpack 3加载我的index.html文件。
我的webpack.config.ts看起来像这样：
import * as webpack from 'webpack';
const config: webpack.Configuration = {
entry: "./src/app.tsx",
output: {
filename: "bundle.js",
path: __dirname + "/dist"
},
d
浏览 9提问于2017-07-05得票数 2
回答已采纳
我正在使用webpack来构建我的文件。我不确定我是不是不了解工作流程。我正在尝试代码拆分我的文件，然后将它们加载到需要它们的路由上。但是我使用的有一个放在index.html文件中的webpack配置，所以它们都加载到了app初始化文件中。
我们是否打算在生产环境中运行节点服务器以加载异步组件？或者，webpack不应该把这些放到索引文件中？
浏览 5提问于2016-09-28得票数 0
我刚开始使用webpack，现在我已经有了一个index.html页面的基本设置，该页面引用了一个测试页面，如：<a href="/test.html">license</a>
现在，webpack正在使用index.html将HTMLWebpackPlugin页面加载到dist文件夹中，而我的test.html文件保存在src文件夹中。我想要实现的是，test.html文件也被加载到dist文件夹中，但是index.html文件中的href要自动更新。这是因为当我使用HTMLWebpackPlugin时，为了清晰起见，我将转到dist文件夹的HTML文
浏览 3提问于2022-03-24得票数 0
我的dist文件夹包含了我的index.html、contact.html、index.js、contact.js和两个被css作为背景图像提到的图像。
例如。
background-image: url("../images/prairie.jpg");
这是我的dist文件夹里的所有东西。所有其他图像(我的css没有提到)都没有加载。这些图像仅在.js文件中提及(例如。slideshow.js)。这个'slideshow.js‘文件是一个幻灯片，它不显示任何图像，但显示缺少的图像图标。前面提到的背景图像../图像/priries.jpg‘显示了。css文件引用的所有
浏览 0提问于2019-07-26得票数 0
回答已采纳
我是webpack插件的新手，我知道这个html-webpack-plugin允许用户自定义webpack生成html文件的过程。
类似地，我试图为.vue文件找到一个插件，在webpack试图将它们加载到.js文件的过程中，它允许我访问.vue文件。(在转换.vue文件之前，我可能需要对它们进行一些全局修改。)
我从哪里开始找？是否已经有了一个插件来达到这个目的？如有任何建议，敬请谅解！
浏览 0提问于2020-08-24得票数 0
我的公司购买了Midone-Vuejs3AdminDashboard模板+ HTML + XD ( )，我试着使用HTML版本，因为我想在Laravel 8应用程序/惰性-vue3 3应用程序中使用这个模板。
在Midone Vue/HTML版本子目录下，我看到子目录: Icewall v1.0.9 Rubick v3.1.0 Tinker v1.0.6
首先，我在“构建工具”部分阅读了docs Midone Vue/HTML Version/Icewall v1.0.9/Documentation/index.html：
Build Tools
Learn how to configure
浏览 7提问于2022-01-05得票数 0
回答已采纳
如何让bootstrap在rails 6中的自定义布局上工作 我使用yarn add bootstrap jquery popper.js命令安装了bootstrap，并按如下方式配置了我的..app/config/webpack/environment.js。 const { environment } = require('@rails/webpacker')
const webpack = require('webpack')
environment.plugins.append('Provide',
new webpack.Prov
浏览 9提问于2020-01-13得票数 3
回答已采纳
1回答
我正在尝试使用webpack将html导入到类型记录中的变量中。
这是我的设置：
package.json：
{
"devDependencies": {
"awesome-typescript-loader": "^3.2.3",
"html-loader": "^0.5.1",
"ts-loader": "^2.3.7",
"typescript": "^2.5.3",
"webpack"
浏览 5提问于2017-09-30得票数 7
回答已采纳
1回答
我在Webpack把6个不同的模块捆绑在一起。就是其中之一。
胡子模板存在于HTML页面中。它们不在单独的文件中。现在当我载入我的页面..。我知道这个错误..。
这是我的app.js文件
require('mustache');
require("./js/modules.js");
require("./js/custom.js");
require('owl.carousel');
require('bootstrap');
require("expose-loader?$!jquery"
浏览 2提问于2018-06-01得票数 0
回答已采纳
这是我的文件夹结构：
webpack.config.js
- sass
-- _partials.scss
-- style-1.scss
-- style-2.scss
我希望webpack自动检测我的sass文件夹中的文件，并创建同名的css文件，请注意，有一些sass部分文件：
webpack.config.js
- sass
-- _partials.scss
-- style-1.scss
-- style-2.scss
- css
-- style-1.css
-- style-2.css
我想加载特定的css文件与html链接的标签。根据我的webpack配置文件，我不知道将sa
浏览 2提问于2018-10-03得票数 0
我尝试按照教程在这里，但是我永远不能获得css文件加载。(文本从不为红色)
> --dist
> ----bundle.js
> ----index.html
> --src
> ----index.js
> ----style.css
webpack.config.js
const path = require('path');
module.exports = {
entry: './src/index.js',
output: {
filename: 'bundl
浏览 7提问于2018-08-26得票数 4
回答已采纳
1回答
在我的webpack配置中，我尝试对我的生产和开发环境进行单独的配置。我试图为每个任务实现不同的JS文件。这意味着，当我构建它时，我需要我的代码转到带有特定名称"lib.js“的prod环境中，而当我运行我的开发环境时，我希望编译后的文件转到"dist”文件夹中。这是我的webpack.config.js文件：
const webpack = require('webpack')
const ExtractTextPlugin = require("extract-text-webpack-plugin")
let path = requ
浏览 11提问于2017-12-31得票数 3
回答已采纳
使用Webpack 4和它一起使用HtmlWebpackPlugin和html-加载程序，我试图：
从一个目录将其他html文件加载到index.html中
将变量从index.html加载到htmlWebpackPlugin中
但是，当webpack.config.js中存在html-加载程序时，这是行不通的。如果我可以使用首选的语法，但我已经尝试使用${ }作为标题标记，但是我得到了一个构建错误，htmlWebpackPlugin undefined。
index.html
<!doctype html>
<html>
<head>
浏览 0提问于2018-04-17得票数 8
我试图加载一个pdf到我的角度应用程序运行在webpack dev server上使用<object>标签与data属性。
因为pdf路径是在运行时生成的，并且是像absolute一样的C:\test.pdf。
它不是加载到UI中，而是console记录错误-
Not allowed to load local resource: file:///C:/test.jpeg
然而，该应用程序的生产构建并不运行于宿主服务器，而是作为静态html运行良好。另外，相对路径也很好。
我如何加载pdf？
webpack.common.js
var webpack = require(
浏览 1提问于2017-11-28得票数 1
回答已采纳
我曾经用过webpack编辑存储在dist/img文件夹中的webpack背景图片，但在css文件中显示dist/img/ project.After ..所以图像加载不是properly...if图像路径../img/ works..how it it works..how我可以这样做..
这是我的webpack.config.js文件
module.exports = (env = {}) => {
return {
entry: ['./src/js/app.js', './src/scss/main.scss'],
浏览 7提问于2018-09-01得票数 0
我们正在和webpack一起构建一个项目，并且我们正在尝试定制用于加载包的路径。在我们的环境中，我们有一些ngnix配置，它们将应用程序加载到子目录中，而不是根目录中。
看起来，由webpack生成的index.html文件总是在根目录中查找包文件。当前的输出是'script src=main.bundle.js‘，但我们需要的是'script src=’/subdir/main.bundle.js“‘。
在webpack中是否有一个设置，允许我们更改index.html中的包路径，或者它总是假设所有文件都在根目录中？
浏览 10提问于2017-06-14得票数 0
1回答
我在Webpacker中使用Ruby on Rails 6。在我的packs文件夹中，我有两个文件夹：frontend和admin。每个文件夹都包含一个application.js文件，因此每个文件夹都显示为javascript/packs/frontend/application.js和javascript/packs/admin/application.js。
在我的特定布局的application.html.erb文件中，我加载了<%= javascript_pack_tag 'frontend/application' %> or <%= javasc
浏览 7提问于2020-08-01得票数 1
我刚刚使用命令创建了一个基于简单webpack模板的vue init webpack-simple myproject项目。在index.html中，我可以看到以下内容：
<html lang="en">
[...]
<body>
<div id="app"></div>
<script src="/dist/build.js"></script>
</body>
</html>
然后，我像这样运行dev服务器：
$ npm
浏览 2提问于2018-06-06得票数 1
回答已采纳
2回答
最近我一直在使用React，并开始尝试将Webpack融入我的工作流程。然而，我试图更多地了解这个工具(不幸的是，文档并不擅长解释不同方面的含义)。
在较高的层次上，我了解Webpack允许您创建一个捆绑的JavaScript文件，这样您就可以在多个文件中编写代码，但是可以将一个文件加载到HTML脚本标记中。 webpack中的块是什么，它与捆绑过程有什么关系？
另外，webpack被吹捧为能够进行代码拆分--这到底意味着什么?你们能举个例子吗？
浏览 5提问于2016-01-07得票数 1
回答已采纳
如果有人有这样的问题，请帮忙。
我使用Angular + Webpack，并试图使用html-loader对JS要求HTML。
首先，我要求html文件到我的directive
var templateUrl = require('./test.html');
然后我执行webpack命令，webpack说一切都很好，并且打包所有文件，没有任何问题。
然后我有一个错误(它在我的控制台中)：
[$compile:tpload] Failed to load template: <div class="test">
<p>This is my
浏览 1提问于2016-01-06得票数 3
回答已采纳
1回答
我遵循并使用webpack来捆绑js文件。
我的问题是，来自React的控制台错误通过webpack包显示堆栈跟踪，而我希望它们通过实际的js代码显示堆栈跟踪。
例如，为了演示，我在其中一个js文件中引入了一个拼写错误。以下是Chromium控制台中的错误：
我知道源映射，并且我已经启用了它们。它们允许我添加断点和其他东西，但它们似乎不允许从预先绑定的代码打印错误消息。
下面是package.json：
{
"name": "feedmeapp",
"version": "0.0.1",
"devDepende
浏览 3提问于2017-01-30得票数 1
回答已采纳
我看过关于webpack的教程，我可以把所有的东西都打包成bundle.js，还可以把它导入到.js文件中。
在我的应用程序中，我使用了ajax、bootstrap-table，因此我需要index.html中的jquery和bootstrap-table
我怎么才能把这些打包并加载到html文件中呢？
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<script src="https://cdnjs.clo
浏览 1提问于2017-09-24得票数 1
我目前正在开发一个React + Express web应用程序，其中包含路由。当我进入一个不是我的主页的路由并且刷新页面时，我会得到一个404错误。有许多帖子解决了这个问题，就像这里描述的：，我已经尝试实现了这个问题。以下是我对这个问题的理解：
about.htmlRefresh 到，加载dist/index.html和dist/bundle.js (定义了所有必要的反应路由)转到，这是一个为页面提供服务的预定义路由--您可以看到404个错误，说明index.html不是在上定义的。我理解这是因为在中，web应用程序试图获取index.html，但是在dist/index.html文件夹中找
浏览 2提问于2020-01-15得票数 2
这是我第一次在这里写作，所以请记住这一点。我第一次在项目中使用webpack，在尝试使用我的sass文件中的背景url()函数设置背景图片时遇到了一个问题，如下所示：
.img-container {
background: url('../../img/homepage-login-prog.jpg') no-repeat center center fixed;
background-size: cover;
}
我的文件夹结构是：
- css
| app.css
- dist (this folder is created after building for
浏览 11提问于2019-08-14得票数 10
2回答
我目前正在使用Webpack打包我们的Angular2应用程序，我正面临一个问题。
我读过几个文档，但无法实现如何使用文件加载器复制输出目录中的一些文件。
下面是我当前的文件层次结构：
config
| - webpack.common.js
app
|- static
| - css
| - ...
| - fonts
| - ...
| - img
| - someimage.png
| - anotherimage.png
|- m
浏览 5提问于2016-05-20得票数 1
回答已采纳
我试着用webpack 加载一个包含背景图片的.scss文件。.scss的一部分类似于
.clouds_two {
background: url(require("../../../images/cloud_two.png")); //no error, just not display
//background: url("../../../images/cloud_two.png"); // 404 error
position: absolute;
left: 0;
top: 0;
height: 100%;
wi
浏览 0提问于2016-07-22得票数 0
10回答
我有一个reactjs/webpack应用程序，正在尝试为bodytag标签设置背景图片：
body{
background: url("../images/some-background.jpg");
background-size:contain;
background-position:top;
background: cover;
}
但是，在加载组件之后，主体样式不会出现在page.It中，但会显示在控制台中。有没有办法在主页面显示背景图像，同时在由webpack加载的CSS文件中使用CSS规则?这是因为reactjs做了一些我不知道的
浏览 4提问于2017-06-28得票数 28
我有下面的webpack.config.js
const path = require("path");
const webpack = require("webpack");
const HtmlWebPackPlugin = require("html-webpack-plugin");
const TerserPlugin = require("terser-webpack-plugin");
module.exports = {
entry: "./src/index.js",
mode:
浏览 2提问于2020-06-15得票数 1
回答已采纳
我使用CopyWebpackPlugin和Webpack 4将图像文件夹复制到产品构建中的dist文件夹，并且我不希望Webpack试图解析或更改应用程序中的任何位置的<img src="./images/flower.png">。我是说任何模式下的任何地方。
例如，如果我使用HTML加载程序将HTML片段加载到父HTML文件中，我不希望Webpack接触到该片段中的img src值，因为代码片段及其相关的图像可能是由一个对Webpack一无所知的设计人员创建的。此外，应用程序可能有十几个或100个这样的片段。我还不知道。
配置文件中的规则当前如下所示：
test:
浏览 3提问于2020-01-24得票数 1
我想要将fullCalendar加载到我的Vue组件中，但是我得到了错误消息"fullCalendar不是一个函数“。似乎我在index.html文件中加载的所有脚本都是在加载Vue组件之后加载的
在我的index.html文件中，我加载了moment.min.js、jquery.min.js和fullcalendar.min.js。
在我的Calendar.vue中，我有
export default {
mounted () {
$('#calendar').fullCalendar({})
}
}
除非我显式地做了"im
浏览 8提问于2017-06-01得票数 3
当我运行我的"webpack -p“时，我的dist文件夹被创建了，用文件加载器加载的图像正确地加载到了页面中。当我运行webpack-dev-server时，图像是唯一不能正确加载的东西。我不知道我做错了什么。 下面是我的配置文件： const webpack = require('webpack');
const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');
module.exports = {
entry:
浏览 15提问于2019-01-23得票数 2
回答已采纳
我使用了一个webpack，但是为什么我不能收到更少的请求呢？ 执行脚本命令"npm run dev“。 我正在访问localhost:9000 但是为什么http请求没有减少呢？ 据我所知，有一个叫webpack的装订文件。我检查了Network选项卡，但捆绑包不起作用。 enter image description here 请检查我的设置。 package.json文件 {
"name": "dev-server-test1",
"version": "1.0.0",
"description
浏览 11提问于2020-03-26得票数 0
回答已采纳
开始和webpack一起工作，然后堆叠。我生成的html文件包含带有事件onclick的字符串。但是我的html文件在生成的文件bundle.js中看不到函数。已成功连接捆绑包js文件(console.log works)。但是如果我用超文本标记语言编写<script>function bar()...</script>，onclick work。帮助。尝试连接头部的文件，乞求主体，主体的结尾/文件-看不到函数。从main.js生成的Bundle.js：
require("path to css...");
function bar(){...};
ht
浏览 0提问于2016-12-03得票数 0
1回答
在多站点环境中的站点特定文件夹中使用drush dl <project>下载项目时，将将该模块下载到/modules。但是，依赖项正在下载到/site/all/模块。有没有办法强迫Drush使用Drush 5将依赖项下载到站点特定的模块文件夹？
浏览 0提问于2012-09-07得票数 4
回答已采纳
1回答
我使用的是Webpack v4，我有一些jQuery插件，我现在用webpack-merge-and-include-globally的webpack插件加载到我们的应用程序中(然后用<script>标签手动加载到html文件中)，但是我希望能够把它移到我们的主应用程序代码中，这样webpack就可以知道它们了。存在一些依赖项/类被加载两次的问题，一次是在上面提到的合并插件中，另一次是在Webpack动态导入中。
到目前为止，尝试加载jQuery插件并将其正确地附加到jQuery对象的过程中遇到了一些问题。
有没有一种推荐的导入jQuery插件的方法，因为它不像普通的JavaScr
浏览 21提问于2020-07-30得票数 0
这个问题说明了一切:就性能而言，主页的大标题背景图片应该包含在捆绑包中还是通过cdn加载？我在用React + webpack。
浏览 22提问于2020-12-18得票数 0
我在用vscode。我正试着建造一个webpack项目。我使用html -webpack插件在/dist中构建html文件，但我发现当我使用监视模式保存文件时(或者只获得一些空格或空白行)，我在/dist中的index.html就会被删除，我不知道这里发生了什么。这是我的webpack配置文件：
const path = require('path');
const MiniCssExtractPlugin = require('mini-css-extract-plugin');
var webpack = require('webpack')
浏览 1提问于2020-05-15得票数 2
回答已采纳
我将SASS添加到我的项目中，因为我喜欢为我的CSS使用SASS。在我的app文件夹中，我创建了CSS文件夹和SCSS文件夹。我运行sass --watch scss:css将我的scss更改映射到css文件夹。我认为这工作得很好。在我的webpack中，我添加了一个加载器来处理SCSS和SASS，并将需要的文件添加到我的package.json中。为了开始使用SASS样式，我需要将它们包含在我的index.html文件中，还是需要将它们导入到每个组件中，以便在新的es6导入x from 'xpath‘中使用它们？
下面是我的package.json和webpack.config.js
浏览 4提问于2016-12-10得票数 0
2回答
我想在我的网站上使用React构建的背景图片。 我在.scss文件中包含了： html {
background-color: #FFFCB2;
background-image: url(https://mdn.mozillademos.org/files/11991/startransparent.gif);
} 我只需在我的index.jsx主页中导入.scss文件： import "styles/index.scss" 而且它工作得很完美 但当我使用保存在文件夹中的相同图像时，如下所示： html {
background-color:
浏览 11提问于2019-06-12得票数 0
1回答
我使用webpack使用Django的模板语言构建html模板。Django模板包含使用{{ }}和{% %}语法的变量和标记。Webpack忽略了这些细节，按照预期构建了html模板，但解析srcset标记时除外。
Webpack试图解析以下html时出错：<source srcset="{% static 'images/my-image.png' %}">
我希望webpack要么完全忽略所有的srcset标记，要么有某种类似的# noqa，这使得webpack根本不对文件的这一行进行更改。
这有可能吗？
浏览 7提问于2022-02-24得票数 0
运行应用程序后，webpack创建一个bundle.js，并将其上的引用添加到html中。但是捆绑的文件的物理位置在哪里呢？
配置
const path = require('path');
var webpack = require("webpack");
const config = {
entry: [
'./index.js',
],
module: {
rules: [
{
test: /\.css$/,
use:[ 'css-loader'
浏览 0提问于2018-07-10得票数 0
我正在做React教程()，我搞不懂webpack输入和输出文件名到底是做什么的？
在这个例子中，他们创建了一个文件index.html和App.jsx。然而，在HTML中，他们有"“。但尚未创建任何index.js文件。尽管如此，webpack.config文件中的输出文件名为index.js
我认为正在发生的事情是，入口点是服务器告诉客户端开始的位置，输出文件名(index.js)是服务器写出将发送到客户端的所有必要数据的位置……是这样的吗？
浏览 9提问于2016-07-24得票数 0
回答已采纳
我想用Webpack 4直接从HTML加载图像，并将自定义的Javascript文件添加到我的HTML文件中，但在控制台检查的这两个文件都显示为Not found 404。
如何正确加载图片和Javascipt文件的Webpack 4？
我的Webpack 4配置文件：
const path = require("path");
const HtmlWebpackPlugin = require("html-webpack-plugin");
const { CleanWebpackPlugin } = require("clean-webpack-pl
浏览 7提问于2020-02-23得票数 0
我用Webpack做了一个反应项目，似乎以一种我不明白的奇怪的方式影响了。
它似乎允许我浏览到index.html，无论该文件在代码库中的位置，这是不可能仅使用dev服务器的。
假设我有以下目录结构：
myproj/
|- package.json
|- webpack.config.js
|- src/
|- index.html
|- index.jsx
和一个类似于这样的webpack.config.js文件：
const path = require('path');
module.exports = {
entry: '.
浏览 0提问于2018-04-23得票数 7
回答已采纳
我有一个使用Angular 2和webpack 2运行的项目，但目前我直接将所有模板加载到js文件中，不需要从服务器加载额外的模板。这很好用。
@Component({
selector: 'logmonitor',
styleUrls: [ './logmonitor.component.less' ],
templateUrl: './logmonitor.component.html'
}) ...
但是我只需要从cshtml视图加载一些模板，并且当我打开这些视图时，应该只使用额外的服务器请求加载这些视图。
我已经在我的视图文件夹中创建了一
浏览 0提问于2017-02-07得票数 0
我在一个文件夹中有一堆图片，而webpack文件加载器只加载那些在html或css文件中引用的图片。那很好。但我希望文件夹中的所有图像也加载到最终的dist/images文件夹中，无论它们是否在html中寻址。
重点是我想通过用户一个接一个的点击来加载它们
感恩节
浏览 26提问于2017-07-18得票数 3
回答已采纳
无效选项对象错误
预期行为
成功的HTML包
实际行为
终端错误消息- webpack-cli无效选项对象。已使用与API架构不匹配的options对象初始化了Dev Server。选项有一个未知的属性“模块”。这些属性是有效的..。
复制步骤
下面是html文件webpack-dev-servernpm 触摸config/webpack.dev.jsPlace的一些内容，如html-加载程序、文件加载器、extract-loadertouch src/main.js index.htmlwrite、npm i -g index.htmlwrite、npm cli、i-cli、-cli、int
浏览 7提问于2022-09-29得票数 0
回答已采纳
3回答
无法加载字体
、、
当我尝试将字体加载到中时，会出现以下错误：
无法解码下载的字体：
OTS解析错误:无效版本标记
我添加了一个格式类型，并通过html文件中的样式标记加载我的样式。
另外，我认为这可能是webpack的问题，所以我也将其添加到webpack配置文件中：
{
test: /\.ttf$/,
loader: "url-loader?limit=100000&mimetype=application/font-ttf"
}
<style>
@font-face {
font-family: "Bold";
浏览 3提问于2016-04-12得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
