Comment configurer Vite pour accéder aux fichiers en dehors des dossiers publics ?

Question

J'ai cette structure de fichier :

• Mes projets
  • Applications
  • Bootstrap
  • Configuration
  • Base de données
  • Module de nœud
    • pdfjs-dist
      • Construire
        • pdf.js
  • Public
    • Télécharger
      • Documents
        • solution_12.pdf
  • Ressources

Quelqu'un peut-il m'aider à savoir comment configurer Vite pour accéder à pdf.js ?

J'ai essayé :

Dans vite.config.js, exportez la configuration par défaut :

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

J'ai utilisé @vite dans mon app.blade.php :

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

J'ai cette erreur : Impossible de trouver le fichier : node_modules/pdfjs-dist/build/pdf.js dans le manifeste Vite.

Quelqu'un peut-il m'expliquer ?

Answer 1

D'après votre question, il semble que vous utilisez Laravel (ce qui est bien puisque je le connais aussi).

Je vous recommande de consulter la documentation de Laravel, en particulier la configuration vite qui sort de la boîte avec une nouvelle installation de Laravel. En suivant leurs conventions de répertoire spécifiées, vous éviterez les ennuis sans fin liés à la tentative de briser leur moule. Regarder la section suivante de la documentation Laravel serait un bon point de départ : https://laravel.com/docs/10.x/vite#main-content

Dans un monde idéal, vous suivriez les mêmes conventions que celles supposées par Laravel... c'est-à-dire que votre projet en a une resources/js 文件夹，这是您通常存储项目的 javascript 的位置（例如 app例如.js).

La meilleure solution est probablement d'utiliser resources/js/app.js 作为您的 Vite“输入”，并在 Vite Blade 指令中引用它好吧（如 resources/js/app.js) à condition d'importer les fichiers javascript là où vous en avez besoin dans votre application. Vite importera ensuite cette dépendance lorsque votre application l'exigera.

# 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';

J'espère que cela vous aidera !