vscode开发前端,编译less,压缩js的相关配置
编译less的配置
1、安装Easy LESS插件
2、打开settings.json,添加以下代码:
"less.compile": { "sourceMap": true, "compress": false, "out": "../assets/", "outExt": ".min.css" }
或
"less.compile": {
"compress":false, // true => remove surplus whitespace
"sourceMap":false, // true => generate source maps (.css.map files)
"out":"${workspaceRoot}\\css\\", // false => DON'T output .css files (overridable per-file, see below)
"outExt": ".min.css", // 输出文件的后缀,默认为.css
}
sourceMap:配置是否输出map文件
compress:配置是否是压缩输出
out:至指定输出的路径(相对本文件的路径)
outExt:输出的文件的后缀名
压缩JS的配置
1、安装JS & CSS Minifier插件
2、打开settings.json,添加以下代码:
"es6-css-minify.jsMinPath": "/js/",
其中"/js/"表示的是将压缩后的min.js文件放入到项目根目录下的js目录内。