Comment accéder à node_modules dossier wwwroot dans asp.net vnext projet

Comment puis-je accéder au dossier node_modules qui n'est pas inclus dans la solution visual studio fichier à partir de la wwwroot où mon index.html est mis. Que index.html fichier besoin de faire référence à la mnp paquets installés comme angular.js.

Mais comment?

Je ne veux pas copier tout le dossier node_modules en wwwroot. Ceux ne sont pas les fichiers pour y vivre...

Je ne veux pas d'inclure le dossier node_modules à la solution parce que cela va ralentir tout et de raccrocher...

Il semble Frontend développement n'appartient pas à VS...

InformationsquelleAutor Elisabeth | 2016-02-20
  1. 11

    Vous n'êtes pas censé avoir accès à des fichiers à partir de l'extérieur de wwwroot. Le wwwroot dossier est le dossier public accessible à partir de l'extérieur, lorsque vous héberger.

    Tout sur elle, est hors-limites.

    Typique processus de publication est, que vous avez une gorgée ou grunt tâche qui s'exécute lors de votre ASP.NET webproject est compilé ou publié, il aurait exécuté les tâches et de copier les fichiers nécessaires à l'intérieur de wwwroot dossier, c'est à dire wwwroot/libs ou wwwdata/js.

    Bien sûr, vous pouvez également copier les fichiers manuellement sur, mais c'est plutôt mauvaise en particulier lorsque vous mettez à jour nombreuses dépendances, il est difficile de garder une trace manuellement.

    Alors qu'il n'est pas affiché dans la solution (juste indirectement, dans le Dependencies/npm section), vous pouvez toujours vous rendre visible en appuyant sur le "Afficher tous les fichiers" bouton sur le dessus de l'Explorateur de solutions et de copier les fichiers dont vous avez besoin.

    Mais il est préférable de mettre en place une gorgée de la tâche, mais qui est hors de la portée de cette question.

    • Afin de vous conseiller l'installation d'un gulp tâche pour tous .fichiers js dans le node_modules qui doivent être copiés dans /wwwroot/libs/ et ensuite de référence à partir de /wwwroot/index.html?
    • Oui, c'est le flux de production prévu. Il suffit de copier les fichiers que vous avez réellement besoin.
    • Essayé, mais si il y a beaucoup de fichiers copiés, Visual Studio se fige un instant. Est-il prévu de la tâche à résoudre ce problème? Il a vraiment qui me dérange, car il semble que n'est pas la bonne façon de le copier.
    • Vous ne devez pas copier TOUS fichier de node_modules à la wwwdata dossier, seul le *.min.js ou *-all.js ou *.js que votre application a vraiment besoin. Le paquet inclut également les fichiers de la source, à des fins de débogage.
    • Est-il plus automatisé façon de faire cela, le suivi de fichier et le chemin d'accès pour chaque mnp dépendance est fastidieux.
    • Vous devez le faire de toute façon lorsque vous incluez ce fichier dans votre code html/view/_Layout.cshtml. C'est le point où vous également mis en place un gulp/grunt tâche pour la copier. Avant ce moment, vous êtes effectivement pas l'utilisation de ce package, malgré le fait que vous avez une dépendance à son égard.
    • Pas si j'utilise SystemJS. Maintenant, je suis coincé à l'aide de jspm au lieu et à une double dépendance pour le nœud de sorte que VS tapuscrit de ne pas se plaindre.
    • Il m'a fallu un certain temps pour obtenir ce droit, donc je vais partager mes connaissances: Vous êtes censé prendre des mesures délibérées pour copier les fichiers dont vous avez besoin, de les combiner avec des fichiers que vous n'avez pas besoin, et de les copier vers un endroit où vous ne parvenez pas à les utiliser. Ensuite, parce que vous ne pouvez pas utiliser les fichiers dont vous avez besoin, plusieurs fois, vous copiez les fichiers à partir de l'endroit où vous ne pouvez pas les utiliser à un endroit où vous pouvez les utiliser. Mon Eureka moment est venu quand j'ai réalisé que je pouvais installer et configurer un utilitaire pour faire ce travail pour moi.
    • quel logiciel avez-vous l'installer?
    • Le suspense est assez intense ici Sam. Quel a été l'outil? 🙂
    • haha rire de mon propre post. J'ai oublié à ce sujet. J'étais à l'époque à l'aide de Webpack... ont depuis commencé à utiliser des fichiers statiques. Voir ici
    • Merci pour la réponse. 🙂 Les fichiers statiques en dev seulement, je suppose? Vous devez toujours être à l'aide de webpack ou gulp ou que ce soit lorsque vous déployez, droit? Toujours obtenir ma tête autour de pourquoi c'est même la peine de le faire.
    • l'objectif est de télécharger votre js dans node_modules et de l'utiliser à partir de là sans superflues la copie. Vous pouvez configurer votre machine de prod, tout comme vos dev de la machine et, en tant que partie de votre déployer ou à créer, exécuter mnp mise à jour. Votre serveur de prod point de node_modules et tout devrait fonctionner. rgrippers réponse ci-dessous montre comment faire
    • Merci Sam. Ne peux pas vous dire comment beaucoup de temps que j'ai perdu sur cette question aujourd'hui, en essayant de suivre les meilleures pratiques qui n'existe pas réellement. Tel un idiot, non productives question... Il devrait y avoir une orientation claire ici.

    InformationsquelleAutor Tseng
  2. 14

    Il y a au moins deux sane choix:

    • Servir à d'autres dossiers à l'aide de app.UseStaticFiles. La solution d'origine est de Ode à Code. Je l'utilise pour
      développement, parce que Visual Studio ne semble pas respecter les
      .npmrc fichier mis en place avec prefix = wwwroot/node_modules. Idéalement,
      node_modules devrait être livré pour la production. Il est npm cumulatif
      plugin       qui peut automatiquement faisceau de scripts à l'aide de
      import fonctionnalité (ES2015).

    • Servir node_modules du CDN (par ex. unpkg.com). C'est assez simple, le seul inconvénient, c'est CA l'
      le temps de réponse, surtout si vous avez désactivé le cache du navigateur pour
      à des fins de développement.

    Voici le code à servir les dossiers dans ASP.NET de Base. Vous avez seulement besoin de changer la Startup classe:

    public void Configure(IApplicationBuilder app, IHostingEnvironment env, ILoggerFactory loggerFactory)
{
    ...some other stuff

    if (env.IsDevelopment())
    {
        ServeFromDirectory(app, env, "node_modules");
    }
}

public void ServeFromDirectory(IApplicationBuilder app, IHostingEnvironment env, string path)
{
    app.UseStaticFiles(new StaticFileOptions
    {
        FileProvider = new PhysicalFileProvider(
            Path.Combine(env.ContentRootPath, path)
        ),
        RequestPath = "/" + path
    });
}
    • Cette solution est trop court: Il n'y a aucun moyen de publier des fichiers statiques / ressources à l'extérieur de wwwroot! Alors comment faire pour déployer node_modules?
    • Ma réponse a été un utilisation pour servir des fichiers en dehors de wwwroot. Généralement personne ne publie node_modules plus - tout le monde utilise bundlers.
    InformationsquelleAutor rgripper