Wie konfiguriere ich Vite für den Zugriff auf Dateien außerhalb öffentlicher Ordner?
P粉132730839
P粉132730839 2024-04-02 12:39:53
0
1
405

Ich habe diese Dateistruktur:

  • Meine Projekte
    • Apps
    • Bootstrap
    • Konfiguration
    • Datenbank
    • Knotenmodul
      • pdfjs-dist
        • Bauen
          • pdf.js
    • Öffentlich
      • Hochladen
        • Dokumente
          • solution_12.pdf
    • Ressourcen

Kann mir jemand helfen, wie man Vite für den Zugriff auf pdf.js konfiguriert?

Ich habe es versucht:

Exportieren Sie in vite.config.js die Standardkonfiguration defineConfig:

plugins: [
        laravel({
            input: [
                'node_modules/pdfjs-dist/build/pdf.js'
            ],
            refresh: true,
        }),
    ],

Ich habe @vite in meiner app.blade.php verwendet:

@vite([
    'node_modules/pdfjs-dist/build/pdf.js'
    ])

Ich habe diesen Fehler erhalten: Datei: node_modules/pdfjs-dist/build/pdf.js konnte im Vite-Manifest nicht gefunden werden.

Kann mir das jemand erklären?

P粉132730839
P粉132730839

Antworte allen(1)
P粉321676640

从你的问题中我看出你似乎正在使用 Laravel(很好,因为我也很熟悉)。

我建议您查看 Laravel 文档,特别是新安装 Laravel 时开箱即用的 vite 配置。通过遵循他们指定的目录约定,您将避免尝试打破他们的模式而带来无尽的麻烦。查看 Laravel 文档的以下部分将是一个很好的起点: https://laravel.com/docs/10.x/vite#main-内容

在理想的世界中,您将遵循 Laravel 假设的相同约定...即您的项目有一个 resources/js 文件夹,这是您通常存储项目的 javascript 的位置(例如 app例如.js)。

只要您在应用程序中需要的地方导入 javascript 文件,最好的解决方案可能是使用 resources/js/app.js 作为您的 Vite“输入”,并在 Vite Blade 指令中引用它好吧(如 resources/js/app.js)。然后,Vite 将在您的应用程序需要时导入该依赖项。

# Your vite.config.js excerpt would look like:

plugins: [
    laravel({
        input: [
            'resources/js/app.js'
        ],
        refresh: true,
    }),
],

# Your @vite blade directive would look like:

@vite(['resources/js/app.js'])

# Your import call (wherever you're using this dependency) might look like:

import 'pdfjs-dist/build/pdf.js';

希望有帮助!

Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!