我正在使用Gulp为我的静态网站构建我的SCSS,Pug和ES6资产。我知道可以散列文件名并将文件输出到不同的目录中。
对于我的具体例子:我的哈巴狗……
你可以使用类似的东西 一饮而尽手表 用于实时编译.scss文件,然后编译 /style/example.css 文件将存在,并在您修改时自动重新编译 example.scss
/style/example.css
example.scss
您可能需要移动一些目录以获取要链接的所有内容,但您也可以使用watch来构建您的Pug文件,因此您的站点将始终是最新的。
基本上,您对项目中的任何文件进行更改并实时查看更新。
Gulp无法自动更改htmls内使用的文件路径。因此,您必须使用生成的文件路径来访问样式文件。
虽然如果您希望将文件路径作为scss的文件夹结构,那么在gulp将其转换为HTML后,您将不得不替换pug文件的内容。
您可以将html转换为String并使用.replace方法替换您想要更改的任何内容,最后将字符串解析为HTML文档。
希望这可以帮助!!