vscode配合less的编译

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