web-dev-qa-db-fra.com

Comment ajouter des fichiers js et css dans ASP.net Core?

J'ai été chargé de migrer une application de MVC vers ASP.net Core, je suis nouveau sur ASP.net Core. Dans MVC, nous avons BundleConfig.cs et nous y ajoutons des références à nos fichiers css et js, comment cela fonctionne-t-il dans ASP.net Core? Disons que j'ai créé un test.js et un MyStyle.css classe, quelle est la meilleure façon d'y ajouter des références dans chaque vue? Dois-je placer le .js et .css fichiers à l'intérieur wwwroot/js et wwwroot/css?

20
AlexGH

J'ai ajouté les références à l'intérieur du _Layout vue, à l'intérieur du <environment> Mots clés:

 <environment names="Development">
 <link rel="stylesheet" href="~/css/MyCss.css" />
    </environment>

Si quelqu'un connaît une meilleure façon, je l'accueillerais

19
AlexGH

La meilleure façon de le faire est d'utiliser: app.UseStaticFiles(); inside startup.cs avant le routage.

7
rida zd

J'ai placé les fichiers JS et CSS dans un dossier d'actifs dans le dossier wwwroot de mon application, puis j'ai utilisé des balises de lien dans mon _Layout.cshtml pour apporter les styles. Steven Sanderson fait partie d'un article de blog où il parle d'ajouter des bibliothèques tierces ici .

Vous pouvez également effectuer une sorte de configuration à l'aide de webpack. J'avoue que ce sujet n'est pas très simple.

3
Vinorth

Il est peut-être un peu tard pour répondre à la question, mais pour ceux qui viennent ici via Google: j'ai trouvé que l'ajout de asp-append-version="true" a fonctionné pour moi, car toutes les autres options données dans les autres réponses étaient déjà fournies dans _Layout.cshtml.

1
HugoH