2016-02-12 2 views
0

Я собираюсь работать над угловым проектом без доступа в Интернет, поэтому мои ссылки на cdn не будут работать. Я хотел бы сохранить библиотеку angularjs в папку внутри моего проекта. Вот что я пробовал:Как я могу локально хранить и статически обслуживать библиотеку angularjs?

Я пошел к ссылке cdn, скопировал весь текст, вставил его в файл и сохранил этот файл как angular.min.js. Затем я прокомментировал тег скрипта для cdn в моем файле index.html и поместил новый тег скрипта, указав путь к новому сохраненному файлу. Когда я открываю свой проект, я получаю сообщение об ошибке «Uncaught ReferenceError: угловое значение не определено».

Вот соответствующие части структуры файла/папки моего проекта:

project 
|_core 
| |_public 
| |_app 
|  |_index.html 
|_libraries 
    |_angular.min.js 

А вот мой сценарий тег:

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

А вот ссылка на КДС, из которого Я скопировал текст:

https://ajax.googleapis.com/ajax/libs/angularjs/1.4.9/angular.min.js

+0

Посмотрите на [yeoman.io] (http://yeoman.io/) –

+0

HTML связаны JS файлов должен оставаться на доступном пути, который выглядит под открытым небом – vinjenzo

+0

@RossRogers yeoman выглядит очень полезным, но мне все равно хотелось бы узнать, почему мой код не работает. – devigner

ответ

1

Вы можете использовать задачу Grunt для минимизации и конкатенации всех файлов. Вы можете прочитать документы GruntJS. Очень полезно.

http://gruntjs.com/sample-gruntfile

смотрите раздел конкатенации.

Если вы сделаете это вручную, вы проверите последовательность файлов lib. Angularjs lib должен быть наверху. Есть вероятность ошибок.

да только для того, чтобы включить файл, который вам не нужен. Grunt check in chrome проверить инструмент разработчика на вкладке в сети, если ваш файл angular.min.js загружен правильно. Если нет, вы можете изменить путь и попробовать, но если он загружается, и вы все равно получаете такую ​​же ошибку, пожалуйста, создайте jsfiddle или plunker вашего файла, чтобы мы могли детально рассмотреть его.

+0

I подумайте, может быть, вы неправильно поняли мой вопрос. Хотя это полезный инструмент, для этой задачи не требуется хрюкать. – devigner

+0

Вы проверили хром-инструмент проверки отладки, если angular.min.js загружен? Если это показывает файл не найден, я думаю, вы можете проверить его, изменив путь к файлу в index.html – Shad

1

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

Как насчет этого?

+0

К сожалению, нет, это не сработало. – devigner

2

Вы используете какой-либо локальный веб-сервер? Угловые и многие скрипты необходимо загружать с http, а не file://. Для этого вы можете использовать SimpleHTTPServer python: python -m SimpleHTTPServer 8080 - откроет http-сервер на http://localhost:8080, откройте URL-адрес в своем браузере, и вам должно быть хорошо идти. Также обратите внимание, что порядок загрузки сценариев в вашем HTML важен, и Angular необходимо загрузить перед всеми модулями кода, которые его используют.

1

Вы только что попробовали это?

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

Может быть, ваш сервер запуска веб-сайт (локальный: 80) из корня вашего проекта

Смежные вопросы