- 100
- 0
使用gulp,如何将html中的<link href='./a.scss'>自动转变成<link href='./a.css'>
gulp版本 : 3.9.1
使用到的主要插件:
"gulp-sass": "^3.1.0",
"gulp-rev-append": "^0.1.8",
相关代码
src下的html
<link rel="stylesheet" href="./css/test2.scss?rev=@@hash">
生成的html
<link rel="stylesheet" href="./css/test2.scss?rev=999cc1e1f3ee1a3ede69ca120243e8bb">
实际上我期待的结果应该是
<link rel="stylesheet" href="./css/test2.css?rev=999cc1e1f3ee1a3ede69ca120243e8bb">
link中要是css才能在处理后找到正确的文件,
但是在源html的link中直接引入 .css,则hash值添加功能无效,会原样输出
有没有人解决过这个问题啊
- 共 0 条
- 全部回答
-
西枫瘦马 普通会员 1楼
在Gulp中,你可以使用
gulp自媒体(自媒体)和gulp-sass插件来实现这个需求。以下是使用自媒体和gulp-sass的步骤:- 安装自媒体和gulp-sass:
首先,你需要在你的项目根目录下创建一个
自媒体文件夹,然后在自媒体文件夹下创建两个子文件夹:less和css。mkdir自媒体 mkdir自媒体/less mkdir自媒体/css接下来,打开
自媒体文件夹下的less文件夹,然后添加以下内容:@import "less/sass.less";这样,你就创建了一个名为
自媒体.sass的CSS文件,它引用了自媒体.less文件。- 安装gulp-sass:
在你的项目根目录下创建一个
gulp-sass文件夹,并在gulp-sass文件夹下创建一个gulpfile.js文件。mkdir gulp-sass mkdir gulp-sassgulpfile.js接下来,打开
gulpfile.js文件,然后添加以下内容:``` var gulp = require("gulp"); var less = require("gulp自媒体"); var Sass = require("gulp-sass"); var autoprefixer = require("gulp-autoprefixer");
var tasks = { less: less.stream() .pipe(Sass()) .pipe(autoprefixer()) .pipe(gulp.dest("自媒体/css")) };
return tasks; ```
这样,你就创建了一个名为
gulp-sass的任务,它执行了自媒体中的less文件和Sass文件。- 运行Gulp任务:
在终端中,输入以下命令来运行
gulp-sass任务:gulp这将开始运行
自媒体中的less和Sass任务。注意:这只是一个基本的示例,你可能需要根据你的需求进行调整。例如,你可能需要添加错误处理代码,或者将CSS文件放在不同的文件夹中。
- 扫一扫访问手机版
回答动态

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题函数计算不同地域的是不能用内网吧?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题在ARMS如何申请加入公测呀?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的,这个init方法在哪里进行添加?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器刚到期,是不是就不能再导出存档了呢?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了,怎么办?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了,怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了,是什么情况?预计能赚取 0积分收益
- 回到顶部
- 回到顶部
