我正在尝试将应用程序从 Grunt 构建移动到 Gulp。我的 Gulp 构建生成了一个 ionic.css 文件,我尝试在我的 index.html 中使用链接标签加载该文件。我在我的 chrome 检查器中收到一个错误,即在该路径中找不到该文件,即使我可以在我的 www 文件夹中看到它。
我的代码
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