Невозможно загрузить ионные CSS-файлы, скомпилированные из sass (.scss), используя gulp-sass
Я пытаюсь переместить приложение из сборки Grunt в Gulp. Моя сборка Gulp создает файл ionic.css, который я пытаюсь загрузить с помощью тега ссылки в моем index.html. Я получаю сообщение об ошибке в моем инспекторе chrome, что файл не найден по этому пути, хотя я вижу в своей папке www, что это так.
Мой код
глоток
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 head
<!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