In VS.NET 2015, ho aggiunto un riferimento in bower.json per angularjs. Ciò ha causato il download del pacchetto angularjs, che posso vedere nella cartella Bower.Come fare riferimento al pacchetto aggiunto da Bower?
Tuttavia, non sono in grado di eseguire alcun codice angularjs. Ho una ng-app nel tag HTML. Se aggiungo un riferimento CDN alla libreria angularjs, funziona perfettamente.
Cosa mi manca per utilizzare il pacchetto scaricato da Bower?
quello che ti manca è fare riferimento alle librerie scaricate nella cartella bower_components nel tuo index.html.
Ad esempio, supponiamo che tu abbia aggiunto restangular al pergolato. la libreria mentre risiedi nello ./bower_components/restangular quindi nel tuo index.html (il tuo SPA). si fare riferimento in questo modo:
<script src="../bower_components/restangular/dist/restangular.js"></script>
Attenzione a volte è necessario aggiungere tutti i file principali di libreria (JS e CSS), per questo è necessario controllare il valore dell'attributo main incluso nel bower.json della biblioteca. Per il nostro esempio in bower.json in ../bower_components/restangular/ abbiamo:
"main": "./dist/restangular.js", In un file .bowerrc è possibile definire la directory per le librerie downaloaded nel mio esempio sarà bower_components.
Nel file Csproj aggiungere il
<Content Include="bower_components/restangular/dist/restangular.js" />
Usa può vedere questo example
Sembra che il percorso sia completamente disconnesso da VS.NET. "~" è in realtà la radice di wwwroot. Quindi non posso usarlo. Ho provato "../" ma non funziona. Non ho alcun aiuto intellisense. Immagino che Angular non funzioni per problemi di percorso. Ma non sono sicuro di quale strada desideri. La domanda è: come fai riferimento a qualcosa non in wwwroot? – 4thSpace
@ 4thSpace Si può aggiungere la gerarchia della directory del progetto? –
Da più che probabile per la distribuzione di produzione non sarà distribuiscono le cose in directory bower_components, vi consiglio l'installazione di un gulp o grunt attività per copiare tutto il codice JavaScript che si intende utilizzare e probabilmente ridimensionare e concatli/raggrupparli in una cartella in wwwroot come/lib o/js o qualunque sia la convenzione e aggiungere unTagche punta a quella versione in bundle. C'è un discreto walkthrough di Mads Kristensen del recente evento Build che potresti voler vedere. Ha dimostrato tutte le cose che probabilmente ti serviranno per far funzionare la tua app.
o avete bisogno di riferimento hardcode a 'bower_components' o usate' gulp/grunt' e fate 'wiredep' per ottenere angolare nel file index.html – harishr