首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >吞咽注入不能正常工作

吞咽注入不能正常工作
EN

Stack Overflow用户
提问于 2017-03-08 17:07:13
回答 1查看 251关注 0票数 0

我正在使用gulp inject命令将我的css和js文件添加到html页面。当我检查文件时,文件被注入,但当我运行html页面时,它显示未找到文件,并且没有加载文件。

这是gulp文件-

代码语言:javascript
复制
var gulp = require('gulp');
var jshint = require('gulp-jshint');
var jscs = require('gulp-jscs');
var nodemon = require('gulp-nodemon');


var jsFiles =  ['*.js','src/**/*.js'];

gulp.task('style',function(){
    return gulp.src(jsFiles)
        .pipe(jshint())
        .pipe(jshint.reporter('jshint-stylish',{
            verbose: true
        }));
});

gulp.task('inject',function(){

    var wiredep = require('wiredep').stream;
    var inject = require('gulp-inject');
    var injectSrc = gulp.src([__dirname + '/public/css/*.css',__dirname + '/public/js/*.js'],{read: false});
    var injectOptions = {
        ignorePath: '../..public'
    }; 

    var options = {
        bowerJson: require(__dirname + '/node_modules/bower/lib/node_modules/qs/bower.json'),
        directory: './public/lib',
        ignorePath: '../../public'
    }

    return gulp.src('./src/views/*.html')
               .pipe(wiredep(options))
               .pipe(inject(injectSrc,injectOptions))
               .pipe(gulp.dest('./src/views'));

});

gulp.task('serve', ['style','inject'], function(){


    var options = {
        script: 'app.js',
        delayTime: 1,
        env:{
            'PORT': 3000
        },
        watch: jsFiles
    }
    return nodemon(options)
           .on('restart',function(ev){
               console.log('Restarting....');
           })
})

这是我的app.js -

代码语言:javascript
复制
var express = require('express');

var app = express();
var port = process.env.PORT || 5000;

//app.use(express.static('public'));
app.use(express.static(__dirname + '/public'));
app.use(express.static(__dirname + '/src/views'));

app.get('/',function(req,res){
    res.send('Hello World');
});
app.get('/books',function(req,res){
    res.send('Hello Books');
});
app.listen(port,function(err){
    console.log('running server on port'+ port);
});

但是文件仍然无法加载到我的html页面上。

有没有人能帮我理解问题所在?

html页面中注入的文件:

EN

回答 1

Stack Overflow用户

发布于 2017-03-09 15:09:50

已修复此问题。

改了行-

代码语言:javascript
复制
var injectOptions = {
        ignorePath: '../..public'
    }; 

to this-

代码语言:javascript
复制
var injectOptions = {
        ignorePath: '/public'
    }; 
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/42667083

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档