Question

我想要的是将 update.jade （在 src 目录下）编译为update.html（在 dist 目录下）。 src和dist目录下的 style.css 是相同的。当我编译文件时，我发现* .css文件的链接没有改变，所以页面不能正确。它应该是“css / style.css”而不是“../../ css / style.css”

我的目录结构如下

├──src
   ├──css
      ├──style.css
   ├──update.jade
   ├──templates
      ├──layout.jade
      ├──incl
         ├──head.jade
├──dist
   ├──css
      ├──style.css
   ├──upate.html

以下是相关的玉器文件

layout.jade

doctype html
html(lang='en')
  include incl/head.jade
  body

head.jade

head
  meta(charset='utf-8')/
  title Update
  link(href='../../css/style.css', rel='stylesheet')/

update.jade

extends templates/layout.jade
block content
  div#main

但是，生成的update.html文件仍保留了style.css文件的旧引用URL路径，这让我感到茫然。

生成了update.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Update</title>
    <link href="../../css/style.css" rel="stylesheet">

我想问题是在编译阶段，但我尝试了很多gulp和参数。我只是不知道如何设置智能段以使相对URL正确。

gulp文件如下

gulpfile.js

var gulp = require('gulp'),
    jade = require('gulp-jade'),
    path = require('path');

gulp.task('jade', function() {
    gulp.src('src/**/*.jade')
        .pipe(jade({
            pretty: true,
            filename: 'layout.jade',
            basedir: path.resolve()
        }))
        .pipe(gulp.dest('dist'))

如何在编译jade文件时编写gulp文件并希望保持相对路径正确？

0 个答案: