Umgang mit gängigen JavaScript-Dateien in Visual Studio 2010

Beginnen wir die Arbeit auf ein paar komplett JavaScript-abhängige web-apps (unsere bisherigen apps wurden ASP.NET MVC mit JavaScript "Güte" sprinkled over-the-top).

Wir haben ein paar Dateien, die freigegeben wird, auf der ganzen Linie, und es würde nett sein, speichern Sie diese Dateien in ein Gemeinsames Projekt und "Add As Link" in einzelnen Projekten (wie möglich wäre mit kompiliertem code).

Offensichtlich ist dies nicht funktioniert, mit etwas JavaScript-Code, der die Datei nicht wirklich 'dort' in der korrekten Position.

Hat jemand irgendwelche Vorschläge auf die Führung eines einzigen version einer freigegebenen JavaScript-Datei, die für die Verwendung in mehreren Projekten?

  • gute Frage, ich habe nachgedacht über diese seit einiger Zeit. Die einzige Lösung, die geknallt haben, in meiner Erinnerung sind das hosting der Dateien auf dem web und verwenden Sie, wie ein cdn oder mit symlinks. Man könnte hinzufügen, ein code-snippet in Ihre visual studio referenzieren.
InformationsquelleAutor isNaN1247 | 2011-05-24
  1. 49

    Ich weiß, das Thema ist uralt, aber immer noch wollte, legte meine Lösung, weil es ist ein bisschen einfacher als beardtwizzle ist.

    Können Sie sicherstellen, dass Visual Studio kopiert alle verknüpften Dateien zu dem Sie die Verbindung in Visual Studio den Projektmappen-Explorer, indem diese am Ende der Ihre .csproj Datei:

      <Target Name="CopyLinkedContentFiles" BeforeTargets="Build">
    <Copy SourceFiles="%(Content.Identity)" 
          DestinationFiles="%(Content.Link)" 
          SkipUnchangedFiles='true' 
          OverwriteReadOnlyFiles='true' 
          Condition="'%(Content.Link)' != ''" />
  </Target>

    Habe ich beschrieben, wie das funktioniert in meinem blog-post an
    http://mattperdeck.com/post/Copying-linked-content-files-at-each-build-using-MSBuild.aspx

    • Danke! Ich mag dieses besser als xcopy-PostBuildEvent weil ich die Unterverzeichnisse in mein Vermögen zu kopieren, und wollen nicht, dass alle die gemeinsamen Elemente in allen Projekten. Diese kümmert sich um Sie, alle!
    • Ich Liebe diese ein! Leider ein kleiner Nachteil ist, dass Sie brauchen, um (wieder)zu bauen, bevor intellisense für diese verwiesen wird .js Dateien aktualisiert. Aber die beste Lösung bisher.
    • Trotz der intellisense funktioniert nicht, haben Sie, um zu bauen, um die neuesten änderungen an den freigegebenen Dateien, oder kann ich das ändern verlinkten JavaScript-Dateien, und sehen Sie die neuesten änderungen während des Debuggens?
    • Ich arbeitete für etwa eine Stunde, bevor ich das sah. Dann habe ich ignoriert es ein möglicherweise zu invasiven, dann arbeitete Sie für etwa 5 Stunden mehr, bis ich es endlich umgesetzt und es war SO EINFACH!!!! Funktioniert wie ein Charme.
    • so kopiert es die js-Dateien physisch in das Projekt?
    • Dies ist die beste option, da es auch funktioniert, wenn das Gebäude eine Lösung, die auf TFS. Copy und xcopy immer fail für mich gibt.

    InformationsquelleAutor user1147862
  2. 20

    In der end, das ist, wie ich es erreicht. Es ist vielleicht nicht jedermanns Geschmack - aber funktionierte für mich.

    Hinweis: In allen unseren Projekten, statische Ressourcen werden in einem root-Verzeichnis namens "Vermögen", also zum Beispiel JavaScript ist immer in /Assets/js/und CSS /Assets/css/.

    Lösung

    1. In das Projekt, gehen Sie zu 'import' der gemeinsame code, den ich einfach hinzufügen das gemeinsame .js-Datei "Als Link" in /Assets/js/.
    2. Gehen, die neue Ergänzung der Eigenschaften und setzen Sie "Copy to Output Directory" auf "Copy if newer'.
    3. Ich jetzt einfach Bearbeiten Sie das Projekt post-build event command line, um die folgenden:
      xcopy /Y /E "$(TargetDir)\Assets" "$(ProjectDir)\Assets"

    Wenn das Projekt erstellt ist, kopiert die importierten Dateien in \bin\Assets\js - das post-build Ereignis nimmt dann eine Kopie der über die Projekt-Verzeichnis - in für die Website, Sie zu benutzen.

    • Sie können hinzufügen, der /D-Parameter nur kopieren geänderte Dateien: xcopy /Y /E /D "$(TargetDir)\Assets" "$(ProjectDir)\Assets"
    • Nehmen Sie ein Stichwort aus die beliebteste Antwort in dieser Frage: stackoverflow.com/questions/3018289/... modifizierte ich die Befehlszeile, die der folgenden: echo f | xcopy /Y /E "$(TargetDir)Content" "$(ProjectDir)Content", die verhindert das "beendet mit code-X" das auftreten von Fehlern in meinem Szenario.
    • Durch aktivieren von "Copy to Output Directory" den Ordner " bin " wird verschmutzt .js-Dateien, wo Sie nicht hingehören. Ich verstehe, dass Sie es verwenden, wie ein temp Ordner, bevor Sie Sie kopieren, um \Assets. Sie werden in der Bereitstellung aber nicht verwendet werden.
    InformationsquelleAutor isNaN1247
  3. 1

    Die richtige Lösung ist die Einbettung von javascript - /css-Dateien in Ihrem Projekt. Sie können dies tun, indem WebResources.axd. Dies ist der offizielle Weg, microsoft bettet js in Ihre Kontrollen. (Wie validation controls)

    Finden Sie ein gutes tutorial auf: http://www.4guysfromrolla.com/articles/080906-1.aspx

    • Dies ist zwar eine interessante Lösung, es ist nicht gut, dass müssen Sie query-strings in deinem script src Attributen (dies kann dazu führen, dass einige Proxys scheitern caching). Noch wichtiger ist ich konnte das Zusammenführen der Ressourcen werden gemeinsam mit dem lokalen Projekt-Dateien in einer einzigen, compressesd JS-Datei
    • Entwicklung ist selten eine Größe passt alle genug zu sagen "Die richtige Lösung"
    InformationsquelleAutor Kamyar
  4. 1

    Kann ich auch sehen, diese Frage ist uralt, aber ich dachte, ich würde hinzufügen meine zwei Cent...

    Habe ich eine javascript-Datei in ein separates Projekt. Ich habe eine verlinkte Referenz und das funktioniert gut für die Veröffentlichung, aber nicht in IIS Express oder Casinni. Ich habe versucht, hinzufügen von benutzerdefinierten routing zu fangen, die fehlende Datei manuell zuordnen, aber es ist bisschen ein hack und aus irgendeinem Grund aufgehört zu arbeiten, wenn ich ein Upgrade auf MVC 5.1, also eher als Update den hack, ich fand einen besseren Weg:

    System.Web.Optimization javascript bundles.

    In Ihrem gemeinsamen Projekt, stellen Sie die Copy To Output Directory zu 'Kopieren' und Build Action 'Content' auf Ihre js-Datei. Dies bedeutet, dass Ihre js-Dateien landen im bin-Ordner Ihrer website-Projekt. Sie kann es serviert werden (IIS nicht dazu dienen, was in den bin-Ordner aus offensichtlichen Sicherheitsgründen), aber Sie können in bundles

    using System.Web;
using System.Web.Optimization;

public class BundleConfig
{
    public static void RegisterBundles(BundleCollection bundles)
    {   
        bundles.Add(new ScriptBundle("~/bundles/externalLibrary").Include(
                    "~/bin/scripts/externalLibrary.js"
                    ));
    }
}

    Müssen Sie dann fügen Sie diese auf Application_Start in Ihr global.asax-Datei (rechts neben register-Routen)

    BundleConfig.RegisterBundles(System.Web.Optimization.BundleTable.Bundles);

    dann nutzen Sie Ihre bundle-link in Ihrem razor cshtml:

    <script type='text/javascript' src='@System.Web.Optimization.BundleTable.Bundles.ResolveBundleUrl("~/bundles/externalLibrary")'></script>

    müssen Sie das nuget-Paket für microsoft.aspnet.web.Optimierung

    • Ich mag diese Idee, aber es funktioniert nicht, wenn die Bündelung ausgeschaltet ist (<compilation debug="true"> ohne BundleTable.EnableOptimizations-set), als es noch versucht, Ihnen zu dienen, aus dem bin-Verzeichnis.
    InformationsquelleAutor Will D
  5. 0

    Könnte man vielleicht verwenden visual studio-Vorlagen

    • Danke für den Vorschlag, aber ich glaube, das würde Sie nur in der 'gemeinsamen' code bei der Erstellung-Zeit. Danach werden die nachfolgenden code-änderungen vorgenommen werden müssen, in jedem einzelnen Projekt.
    • Keine Sorge, guter Punkt.
    InformationsquelleAutor Alex KeySmith
  6. 0

    gute Frage, ich habe nachgedacht über diese seit einiger Zeit. Die einzige Lösung, die geknallt haben, in meiner Erinnerung sind das hosting der Dateien auf dem web und verwenden Sie, wie ein cdn oder mit symlinks. Man könnte hinzufügen, ein code-snippet in Ihre visual studio referenzieren.

    InformationsquelleAutor Blowsie
  7. 0

    Dieser blog-post beschreibt eine alternative Lösung, um die Antwort von @beardtwizzle:

    http://consultingblogs.emc.com/jamesdawson/archive/2008/06/03/using-linked-files-with-web-application-projects.aspx

    Die Idee ist ähnlich:

    1. Fügen Sie die freigegebene Datei zu, um web-Projekt als einen link
    2. Ändern Sie die _CopyWebApplication build-Schritt in das Projekt, so dass die verknüpften Dateien kopiert werden, die richtigen Zielpfad.

    Anstatt also eine post-build-event, das die Dateien kopiert werden, die durch eine modifizierte build-Schritt. Für mich ist diese Lösung fühlt sich ein wenig sauberer (aber das ist vielleicht Geschmackssache). Jedenfalls habe ich nur noch diese, um unsere Lösung und es funktioniert soweit Super!

    InformationsquelleAutor stefan.s
  8. 0

    Jeder, der auf stolpert über diese Frage hier in der Zukunft sollte wissen, dass es jetzt Gemeinsame Projekte in Visual Studio, um dieses problem zu lösen. Universal-Windows-Projekte verwenden Sie standardmäßig, und Sie können erstellen Sie Ihre eigenen durch das herunterladen und installieren der VS-Erweiterung hier: https://visualstudiogallery.msdn.microsoft.com/315c13a7-2787-4f57-bdf7-adae6ed54450

    Sobald Sie die Erweiterung, die Sie hinzufügen können, ein Gemeinsames Projekt (Leer) zu Ihrer Lösung. Das Projekt findet in den Projektvorlagen für Visual C#, Visual C++, und JavaScript.

    Dann gehören die Dateien, die Sie freigeben möchten, um das gemeinsame Projekt in einen beliebigen Ordner-Struktur, die Sinn macht für Sie.

    Als Nächstes werden Sie gehören das gemeinsame Projekt als gemeinsame Referenz in anderen Projekten in dieser Lösung, die Zugriff auf die freigegebenen Dateien. Rechts-klicken Sie auf das andere Projekt, und wählen Sie "Add Shared Project Reference".

    Nun können Sie auf die freigegebenen Dateien in Ihrem Haupt-Projekt, als ob die Dateien in das freigegebene Projekt existierte. Sie werden kompiliert und als Teil dieses Projekts.

    Wurde die Technologie soll für Universal apps zum teilen von code zwischen Windows Phone und Windows Store-apps-so werden Sie gewarnt, dass Sie möglicherweise Schwierigkeiten haben, den Austausch in verschiedenen Szenarien, aber es ist einen Versuch Wert, um zu sehen, wenn Sie es füllen Sie Ihr brauchen.

    • Können Sie erklären, ein wenig mehr über, wie die Technologie funktioniert?
    InformationsquelleAutor Eric Wardell
  9. -4

    Ordnungsgemäße Verwendung der Versionskontrolle.

    Halten die js in einem Ort ist und dann nur git pull (oder die equivelant Mercurial /Bazaar), Sie wieder in Ihren code, wenn Sie aktualisiert haben, Ihr javascript.

    • Wir verwenden TFS 2010, und ich kann nicht scheinen zu finden, eine ähnliche Funktionalität für das ziehen von einzelnen Dateien innerhalb von Projekten
    • Ich schlage vor, Sie halten Ihre js in einem Projekt oder VC Lage und nur check it out in den vorhandenen code. Oder cheat und hosten Ihre js in ein git-server 😉
    • Ich bin nicht sicher, wie dies zu lösen wäre das? Würden Sie so konfigurieren, dass Sie als git-Submodule (ähnlich svn:externals)?
    • ich persönlich würde ein Paket-manager für javascript. Und richten Sie diese als Module/Pakete. nur dann nicht package_manager update oder was auch immer.
    InformationsquelleAutor Raynos
Schreibe einen Kommentar