Я не думаю, что есть необходимость заново вводить Ionic framework. С другой стороны, Gulp — это быстрый инструмент для сборки JavaScript, построенный на основе NodeJs Streams. Если вы никогда не использовали инструмент для сборки, принцип Gulp код вместо конфигурации позволяет новичкам легко приступить к работе. Ionic любит Gulp, поэтому он встроен в вашу установку Ionic project’s npm. Я поддерживаю мобильное приложение, написанное на Ionic 1. Android 4.4 не поддерживает ES6, поэтому мне нужно использовать babel для переноса моего кода в ES5.
Настраивать
NodeJs ≥ 6.xx
NPM ≥ 3.x.x
Ubuntu 16.04
Наши результаты
Сократите наши файлы JavaScript
Перенесите код ES6 в ES5.
Резюме стратегии
gulp?-ng-annotate — добавлять, удалять и перестраивать аннотации внедрения зависимостей angularjs
gulp?-uglify — минимизировать файлы с помощью UglifyJS.
gulp?-babel — транспилировать es5 в es6< br /> gulp-html-src — ищет теги script в нашем .html
Мы начнем сразу с установки зависимостей нашего модуля сборки.
Следующим шагом создайте или откройте файл с именем gulpfile.js
. Убедитесь, что он сохранен в верхней корневой папке вашего проекта.
require()
пакеты, которые нам нужны для выполнения наших задач...
… затем достигаем наших целей одним глотком, выполняя задачи по строкам: 11–23. Сохраните этот файл, и мы сможем запустить нашу задачу {projectRoot} $ gulp
. В случае успеха вы должны получить результат, аналогичный изображенному ниже.
Если вы получаете сообщение об ошибке, например…
…переместите любые встроенные скрипты в ваш html в файл.
Проверьте папку ./build
. Ну вот.