Добавлять Bower к приложению ASP NET Empty

Я создаю проект ASP NET MVC 5 Empty, и добавляю вручную мои ссылки языка сценариев JavaScript.

Я добавил эту линию:

<script src="./bower_components/angular/angular.min.js"></script>

Сейчас мои вопросы: Как загружаются эти пакеты, если нет атташе Бовер в проект? Как я могу добавлять это?

9
задан 08.07.2019, 01:13
2 ответа

То, что ты должен делать, он состоит в том, чтобы устанавливать bower, обязательные условия состоят в том, чтобы иметь установленный node, npm и git.

Как только были установлены обязательные условия команда, чтобы устанавливать bower, - sgte:

npm install -g bower

Потом ты можешь создавать файл bower.json посредством sgte я командую:

bower init

Ты, должно быть, отвечаешь вопросы, чтобы создавать файл bower.json персонализировано.

После этого ты можешь получать пакет углового с sgte я командую:

bower install angular --save

flag - save он включает зависимость от твоего файла bower.json только что созданный

Кроме того ты не должен снабжать ссылками эти файлы внутри bower_components прямо в пользу многих мотивов, например:

  • Этот маршрут был определен из-за bower и он мог бы меняться в будущем.
  • Эта папка не должна быть развернутой, так как он содержит много файлов возможно ненужные.

То, что ты был бы должен делать, состоит в том, чтобы копировать файлы, в которых ты нуждаешься используя какой-то task runner как gulp или grunt.

8
ответ дан 01.12.2019, 08:18
  • 1
    эти команды, где я должен выполнять их в powershell или в том же ide, и tak runner также он был бы должен устанавливать это? – yurivan 02.11.2015, 19:40
  • 2
    В любой консоли, которая у него была бы в PATH в node, установив node быть должное и # 237; когда PATH добавил в – Carlos Muñoz 02.11.2015, 19:45
  • 3
    Ты должен выполнять команды bower на том же уровне, что и файл html в того, который ты делаешь инъекцию angular.min.js (из-за маршрута, который ты помещаешь в пример). – eugenio 02.12.2015, 17:18

AsГ - он такой, как это сделал я: (для VS2015, sdk 1.0.0-beta6) Восток mГ©todo не устанавливает bower глобальной формы ОБЩЕИЗВЕСТНЫХ

: Факт начиная с этого сдержись:

enter image description here

1 - прямой Click на проекте (в браузере решений), потом "Новый элемент" (или "New статья" если VS на английском)

2 - Добавлять NPM Configuration file.

enter image description here

3 - Издавать новый файл "package.json" таким способом, который оставался бы, включило эти 3 зависимости от разработки:

{
  "name": "nompre_projecto",
  "version": "0.1.0",
  "private": true,
  "devDependencies": {
    "bower": "1.6.5",
    "grunt": "0.4.5",
    "grunt-bower-task": "0.4.0"
  }
}

4 - Равно как точка 1, но выбирая "Грунт Конфигуратион File".

5 - Издавать Gruntfile.js

module.exports = function(grunt) {
    grunt.initConfig({
        bower: {
            install: {
                options: {
                    targetDir: "wwwroot/lib",
                    layout: "byComponent",
                    cleanTargetDir: false
                }
            }
        } 
    });

    grunt.registerTask("default", ["bower:install"]);

    grunt.loadNpmTasks("grunt-bower-task");
};

6 - Равно как точку 1, но выбирая "Бовер Конфигуратион File"

7 - Издавать bower.json

{
  "name": "SBCom",
  "license": "Apache-2.0",
  "private": true,
  "dependencies": {
    "angular": "1.4.3",
    "angular-route": "1.4.3",
    "angular-animate": "1.4.3",
    "moment": "2.10.6",
    "lodash": "3.10.1",
    "mocha": "2.2.5"
  }
}

С зависимостями, что ты нуждался в

8 - в прямом Click на Grunfile.js и поисках "Таск Руннер Explorer" (не, как это будет в espaГ±ol)

enter image description here

9 - Как только был открыт "Таск Руннер Explorer" ты делаешь двойную порцию click на "bower:install". В будущем, когда ты обновишь или добавишь пакет bower, ты должен делать то же самое.

enter image description here

10 - Как в задании grunt показываются targetDir: "wwwroot/lib" типов дебета идти помещать правильный path в таком HTML:

<script src="lib/angular/angular.js"></script>
<script src="lib/angular-route/angular-route.js"></script>
<script src="lib/moment/moment.js"></script>
6
ответ дан 01.12.2019, 08:18
  • 1
    я использую Асп Нет Mvc 5. – yurivan 02.11.2015, 21:30
  • 2
    @rnrneverdies я верю в то, что est и # 225; s путая asp.net mvc 5 с asp.net 5 (которые приносят то, чем быть и # 237; в asp.net mvc 6) – Carlos Muñoz 03.11.2015, 07:50
  • 3
    @rnrneverdies и #201; ste asp.net mvc 5: asp.net/mvc/mvc5 и был asp.net 5: asp.net/vnext – Carlos Muñoz 03.11.2015, 16:37
  • 4
    @rnrneverdies, если этот вопрос я сделал asp .net mvc 5, не asp .net 5. и я вижу, что весь ответ, который ты дал мне, - на asp net 5. также как и информация blogpost, которую ты поместил. я надеюсь, что я сейчас позволил себе понимать. – yurivan 03.11.2015, 17:14
  • 5
    @CarlosMu и # 241; oz и yurivan: понятный. я буду оставлять ответ в любом случае, с объявлением, которое он добавляет, останься ясным, о котором версия относится друг к другу и продолжает быть полезной. – rnrneverdies 04.11.2015, 20:21

Теги

Похожие вопросы