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目录内。