カテゴリー: VS Code

カテゴリー
JavaScript VS Code

JS Minify & Obfuscator

VS Code で JavaScript の圧縮・軽量化する機能拡張「JS & CSS Minifier」（非推奨だけど使える）の変わりは、「JS Minify & Obfuscator」がよさげ。

https://marketplace.visualstudio.com/items?itemName=themebetter.jsminifyobfuscator

「JS & CSS Minifier」から他の機能拡張に乗り換えられない大きな理由だった「保存場所」の指定ができる。

"jsMinifyObfuscator.watchFolders": {
    // "src": "dist"
    // "src/js": "../dist"
    // "src/js": "../../dist"
},
カテゴリー
VS Code

VS Code 機能拡張 設定メモ

デフォルトを上書きする個人設定メモ。

JS & CSS Minifier

// ミニファイ自動実行
"es6-css-minify.minifyOnSave": "yes",
// ターゲットディレクトリ
"es6-css-minify.jsMinPath": "/js",

Live Sass Compiler

// ソースマップ
"liveSassCompile.settings.generateMap": false,
// ベンダープレフィックス
"liveSassCompile.settings.autoprefix": null,
// 書き出し形式とディレクトリ
"liveSassCompile.settings.formats": [
    {
        "format": "compressed",
        "extensionName": ".min.css",
        "savePath": "/css",
    },
],
// 書き出し形式とディレクトリ
// デフォルト（上）とミニファイ書き出し
"liveSassCompile.settings.formats": [
    {
        "format": "expanded",
        "extensionName": ".css",
        "savePath": "/css",
    },
    {
        "format": "compressed",
        "extensionName": ".min.css",
        "savePath": "/css",
    },
],

Easy Sass

// オートコンパイルを実行しない
"easysass.compileAfterSave": false,
// パーシャルファイルは出力しない
"easysass.excludeRegex": "^_+",
// ターゲットディレクトリ
"easysass.targetDir": "css",