0
引導加載自定義styles.css
咕嘟咕嘟不正確,但不加正確的CSS/JS路徑的index.html
注意的'../public'
在引導和jQuery文件,但不能在styles.css
這裏的index.html
<head>
<!--bower:css-->
<link rel="stylesheet" href="../public/lib/bootstrap/dist/css/bootstrap.css" />
<!--endbower-->
<!--bower:js-->
<script src="../public/lib/jquery/dist/jquery.js"></script>
<script src="../public/lib/bootstrap/dist/js/bootstrap.js"></script>
<!--endbower-->
<!-- inject:css -->
<link rel="stylesheet" href="/public/css/styles.css">
<!-- endinject -->
<!-- inject:js -->
<script src="/public/js/app.js"></script>
<!-- endinject -->
</head>
Here's gulpfile.js
var gulp = require('gulp');
gulp.task('inject', function() {
var wiredep = require('wiredep').stream;
var inject = require('gulp-inject');
var injectSrc = gulp.src(
['./public/css/*.css', './public/js/*.js'],
{ read: false }
);
var options = {
bowerJson: require('./bower.json'),
directory: './public/lib'
};
return gulp.src('./views/*.html')
.pipe(wiredep(options))
.pipe(inject(injectSrc))
.pipe(gulp.dest('./views'));
});
這裏的訪問index.html
GET file:///C:/public/css/styles.css net::ERR_FILE_NOT_FOUND
GET file:///C:/public/js/app.js net::ERR_FILE_NOT_FOUND
項目結構誤差
- project
- public
- css
- js
- lib
- views
gulpfile.js
etc..