0
Я пытаюсь переместить приложение из Grunt-сборки в Gulp. Моя сборка Gulp генерирует файл ionic.css, который я пытаюсь загрузить с тегом link в моем index.html. Я получаю сообщение об ошибке в моем хромовом инспекторе, что файл не найден на этом пути, хотя я могу видеть в своей папке www, что это.Невозможно загрузить ионный файл css, скомпилированный из sass (.scss) с помощью gulp-sass
Мой код
Глоток-дерзость задача
gulp.task('styles', ['clean-styles'], function() {
gulp.src('./app/lib/scss/ionic/ionic.scss') //get the sass files
.pipe(sourcemaps.init()) //load internal sourcemap
.pipe(sass()) //convert sass to css
.pipe(sourcemaps.write()) //write inline sourcemap
.pipe(gulp.dest('./www/lib/css/')); //push the css to www/lib/css
});
index.html голова
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
<title></title>
<link href="lib/css/ionic.css" rel="stylesheet">
</head>
Моя структура каталогов
my_app
-app
-lib
-fonts
-js
-scss
-src
-images
-scss
-page_view1
-templates
page_view1_controller.js
-page_view2
-templates
page_view2_controller.js
-hooks
-node_modules
-platforms
-plugins
-www
-img
-js
-lib
-css
ionic.css
-fonts
-ionic
ionicons.eot
ionicons.svg
ionicons.ttf
ionicons.woff
-js
-angular
-angular-animate
-angular-bootstrap
-angular-sanitize
-angular-ui-router
-collide
-ionic
ionic-angular.js
ionic.bundle.js
ionic.js
-ngCordova
cordova.js
cordova_plugins.js
device.js
keyboard.js
index.html
gulpfile.js
ionic.project
package.json
Ионных поставляется по умолчанию с Глотком. Почему бы вам не начать с создания пустого проекта и вставить с тем, что у вас уже есть? Кроме того, ваша задача gulp выполняется без каких-либо ошибок? Это может помочь опубликовать весь файл gulpfile.js – appostolis