相关疑难解决方法(0)

如何使用 vite 在 Laravel 应用程序中使用 fontawesome 图标?

我已经使用 npm 安装了@fortawesome/fontawesome-free软件包。最新的 Laravel 应用程序默认使用 vite。我无法解决这个问题。任何帮助将非常感激。我的vite.config.js

import { defineConfig } from 'vite';
import laravel from 'laravel-vite-plugin';
import { viteStaticCopy } from 'vite-plugin-static-copy';

export default defineConfig({
    plugins: [
        laravel([
            'resources/css/app.css',
            'resources/js/app.js',
            'resources/admin/css/app.css',
            'resources/admin/js/app.js',
            'resources/css/glide.css',
            'resources/js/glide.js',
            'resources/js/Sortable.js',
            'resources/js/tinymce.js',
            'resources/sass/app.scss',
            'resources/admin/sass/app.scss',
        ]),
        {
            name: 'blade',
            handleHotUpdate({ file, server }) {
                if (file.endsWith('.blade.php')) {
                    server.ws.send({
                        type: 'full-reload',
                        path: '*',
                    });
                }
            },
        },
        viteStaticCopy({
            targets: [
                {
                    src: 'node_modules/@fortawesome/fontawesome-free/webfonts',
                    dest: '',
                },
            ],
        }),
    ],
});

Run Code Online (Sandbox Code Playgroud)

我在app.scss中导入了 fontawesome scss …

laravel font-awesome vue.js laravel-blade vite

3
推荐指数
1
解决办法
1万
查看次数

标签 统计

font-awesome ×1

laravel ×1

laravel-blade ×1

vite ×1

vue.js ×1