亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

Webpack 加載字體圖標,但不加載字體本身

Webpack 加載字體圖標,但不加載字體本身

呼如林 2022-08-27 15:21:06
我有一個正在開發的燒瓶反應項目。我以前的框架上的react前端很好,字體加載和所有。不幸的是,一個核心錯誤使它無法與燒瓶后端通信。我已經設計/重新配置了一個webpack框架來加載一個html文件,該文件調用一個捆綁包.js然后調用。這是幾乎所有工作的圖像,除了字體。有趣的是,字體中的圖標仍然可以正確加載。對我中的字體文件進行模糊處理會導致它們顯示為空的 unicode 框。這可能表明這是我的CSS中的一個錯誤,Arial字體以某種方式覆蓋了我導入的Nucleo Outline字體,但相同的css在以前的框架中工作。webpack.config.js這是我的:webpack.config.jsconst webpack = require('webpack');const resolve = require('path').resolve;const config = {     mode: process.env.NODE_ENV,     devtool: 'eval-source-map',     entry: __dirname + '/src/index.jsx',     output: {               path: resolve('../public/bundle/'),               filename: 'bundle.js',               publicPath: resolve('../public/bundle/')     },     resolve: {               extensions: ['.js','.jsx','.css','.scss','.png','.jpg','.jpeg','.gif'],     },     module: {           rules: [                        {                        test: /\.jsx?/,                        loader: 'babel-loader',                        exclude: /node_modules/,                        query: {                                presets: ['@babel/react','@babel/env']                          }                            },                            {                                test: /\.css$/i,                                use: [                                    // Creates `style` nodes from JS strings                                    'style-loader',                                    // Translates CSS into CommonJS                                    'css-loader'                                ],                            },這是我的文件結構。此外,燒瓶和JS控制臺都不會拉取任何錯誤。這是資產文件(包括字體)的更深入的結構。我不知道為什么會發生這種情況。任何幫助將不勝感激,我可以添加任何信息。我基本上已經嘗試了一切。 不起作用(燒瓶在拉取資源時遇到問題,無法再找到圖標)。ttf-loader也因為同樣的原因而不起作用。file-loader
查看完整描述

1 回答

?
千萬里不及你

TA貢獻1784條經驗 獲得超9個贊

我想通了。CSS的屬性中有一個列表。它默認為Arial,這是列表中的最后一項。我只需要為層次結構中更高的其他字體添加導入font-familyindex.html



查看完整回答
反對 回復 2022-08-27
  • 1 回答
  • 0 關注
  • 80 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號