gpt4 book ai didi

javascript - 可以将 <script>(或 <style>)标签提取到新的单独文件中的 Gulp 模块

转载 作者:可可西里 更新时间:2023-11-01 14:45:06 26 4
gpt4 key购买 nike

有没有可以提取<script>的gulp模块(或 <style> )标记到单独的文件中?

例如:

原始 HTML 文件

<html>
<body>
<style>
.my-style{
background:red;
}
</style>

<div class="my-style">
hello
</div>

<script>
var MyScript = function(){
console.log("hello");
}
</script>
</body>
</html>

新建 HTML 文件

<html>
<body>
<div class="my-style">
hello
</div>
</body>
</html>

新建CSS文件

.my-style{
background:red;
}

新建JS文件

var MyScript = function(){
console.log("hello");
};

最佳答案

要将内联脚本提取到外部 .js 文件,您可以使用 Cripser - https://www.npmjs.com/package/gulp-crisper

.pipe(crisper({
scriptInHead: true,
onlySplit: false
}))

虽然我找不到任何可以将内联 CSS 提取到外部文件的东西,但您至少可以使用“gulp-minify-inline”来缩小内联 CSS,这是替代选项 - https://www.npmjs.com/package/gulp-minify-inline

关于javascript - 可以将 &lt;script&gt;(或 &lt;style&gt;)标签提取到新的单独文件中的 Gulp 模块,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31501877/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com