美文网首页
VsCode 如何将 CSS、JS 压缩为一行

VsCode 如何将 CSS、JS 压缩为一行

作者: 木偶跳舞 | 来源:发表于2022-01-02 23:24 被阅读0次

可以安装Minify 插件,Minify 插件可以压缩js、css和html代码。会在指定压缩的文件同目录下生成{filename}.min.[css|js|html]文件,并且可以设置在文件保存时自动重新压缩。

插件安装

打开VSCode,按照如下所示安装插件

image

使用方法

打开要压缩的文件,按F1,然后输入mini搜索找到对应的命令来执行压缩

image

点击 Minify 命令,会在当前文件同目录下生成 {filename}.min.{extension} 文件,该文件中就是压缩后内容。

设置文件保存时自动重新压缩

进入插件详情页面,点击设置

image

勾选 Minify: Minify Existing On Save 选项

image

————————————————
本文由木偶笔记发表于 2021-11-07
转载请务必保留本文链接:https://www.muouseo.com/article/7ndvd2yo20.html

相关文章

  • VsCode 如何将 CSS、JS 压缩为一行

    可以安装Minify 插件,Minify 插件可以压缩js、css和html代码。会在指定压缩的文件同目录下生成{...

  • 前端知识汇总(渲染篇)

    前端优化的手段 js css压缩合并 css在上,js在下(defer,async) 图片压缩、CSS-sprit...

  • 压缩

    压缩 html css js 压缩图片

  • Gulp 使用gulp压缩CSS

    我们除了可以使用 gulp 压缩 JS 文件,还可以压缩 CSS,压缩 CSS 代码可以降低 CSS 文件的大小,...

  • Gulp 使用gulp压缩CSS

    我们除了可以使用 gulp 压缩 JS 文件,还可以压缩 CSS,压缩 CSS 代码可以降低 CSS 文件的大小,...

  • netcore 网站优化

    css 文件引用放在head里面,js文件引用放在body底部,css js用压缩工具压缩成min.css 和mi...

  • vue-cli3 之vue.config.js配置

    1、 cdn、全局cdn(所有的js、css都使用cdn)2、Gzip压缩(压缩js、css)3、去掉注释、去掉c...

  • webpack 代码压缩

    js文件压缩 webpack 4 内置了uglifyjs-webpack-plugin,js默认是压缩过的 css...

  • webpack学习笔记(3)

    1、HTML、CSS和JS代码压缩 JS文件的压缩webpack4内置了uglifyjs-webpack-plug...

  • 前端工具

    在日常的前端开发中,我们会遇到 LESS/SASS 编译、CSS 前缀自动补全 、CSS 压缩、 图片压缩、JS ...

网友评论

      本文标题:VsCode 如何将 CSS、JS 压缩为一行

      本文链接:https://www.haomeiwen.com/subject/tswtcrtx.html