SmartPack v1.1.8

Visual Studio 2022 için SmartPack eklentisi.

SmartPack Nedir?

SmartPack, web geliştiricilerin CSS, SCSS ve JS (pure ya da modüler) dosyalarını
birleştirmelerine, çözümlemelerine ve küçültmelerine olanak tanıyan bir araçtır.

Bundle & Minifier ve Web Compiler eklentilerinin yapılandırmalarını kolay şekilde içeri aktarabilirsiniz.

🚀 Minify CSS

Seçili CSS dosyasını küçültür.
Örnek Yapılandırma:

{
  "source": [ "/main.css" ],
  "output": "/main.min.css",
  "minify": true
}

🚀 Combine CSS Files

Seçili CSS dosyalarını birleştirir.
Örnek Yapılandırma:

{
  "source": [ "/file1.css", "/file2.css" ],
  "output": "/dist/combined.css",
  "minify": false
}

🚀 Combine and Minify CSS Files

Seçili CSS dosyalarını birleştirir ve küçültür.
Örnek Yapılandırma:

{
  "source": [ "/file1.css", "/file2.css" ],
  "output": "/dist/combined.min.css",
  "minify": true
}

🚀 Resolve SCSS File

Seçili SCSS dosyasını çözümleyip CSS dosyasına dönüştürür.
Örnek Yapılandırma:

{
  "source": [ "/main.scss" ],
  "output": "/main.css",
  "minify": false
}

🚀 Resolve and Minify SCSS File

Seçili SCSS dosyasını çözümleyip CSS dosyasına dönüştürür ve küçültür.
Örnek Yapılandırma:

{
  "source": [ "/main.scss" ],
  "output": "/main.min.css",
  "minify": true
}

🚀 Minify JS File

Seçili JS dosyasını küçültür.
Örnek Yapılandırma:

{
  "source": [ "/main.js" ],
  "output": "/main.min.js",
  "doNotResolve": true,
  "outputFormat": "iife",
  "minify": true
}

🚀 Combine JS Files

Seçili JS dosyalarını birleştirir. (Çözümleme işlemi yapılmaz)
Örnek Yapılandırma:

{
  "source": [ "/file1.js", "/file2.js" ],
  "output": "/dist/combined.js",
  "doNotResolve": true,
  "minify": false
}

🚀 Combine and Minify JS Files

Seçili JS dosyalarını birleştirir ve küçültür. (Çözümleme işlemi yapılmaz)
Örnek Yapılandırma:

{
  "source": [ "/file1.js", "/file2.js" ],
  "output": "/dist/combined.min.js",
  "doNotResolve": true,
  "minify": true
}

🚀 Resolve JS File

Seçili JS dosyasını çözümleyip dışa bağımlılıklarını çözer.
Örnek Yapılandırma:

{
  "source": [ "/main.js" ],
  "output": "/main.out.js",
  "minify": false,
  "outputFormat": "iife"
}

🚀 Resolve and Minify JS File

Seçili JS dosyasını çözümleyip dışa bağımlılıklarını çözer ve küçültür.
Örnek Yapılandırma:

{
  "source": [ "/main.js" ],
  "output": "/main.min.js",
  "minify": true,
  "outputFormat": "iife"
}

🚀 Exec SmartPack

Tüm yapılandırılmış işlemleri çalıştırır.

Gerekli dosyalar ve loglar C:\SmartApps\SmartPack dizininde barındırılır.

Arka planda kullanılan paketler (otomatik yüklenir)

rollup
@rollup/plugin-multi-entry
@rollup/plugin-node-resolve
rollup-plugin-postcss
@rollup/plugin-commonjs
@rollup/plugin-terser
tester
postcss
cssnano
sass
node-sass

Yapılandırma Yönetimi

Proje dizininde smartpack.json dosyası oluşturulur ve aşağıdaki örnek yapılandırma yapısı kullanılır.

{
  "root": "/wwwroot/v1",
  "modules": [
    {
      "source": [ "/main.js" ],
      "output": "/dist/main.min.js",
      "minify": true,
      "showSpParams": true,
      "outputFormat": "iife",
      //..
    }
  ],
  "alias": [
    {
      "key": "@utils",
      "path": "/js/mynodes/utils"
    }
  ]
}

root

Açıklama: Tüm çalışmaların yapılacağı kök dizini.
Tip: string

Modül Özellikleri

source

Açıklama: İşlenecek kaynak dosya yollarını belirtir.
Tip: string[]

Örnek Kullanım:

"source": ["path/to/file1.js", "path/to/file2.css"]

output

Açıklama: İşlenen çıktının kaydedileceği dosya yolunu belirtir.
Tip: string
Örnek Kullanım:
```
"output": "path/to/output.min.js"
```

minify

Açıklama: Minify işlemi yapılıp yapılmayacağını belirtir.
Tip: bool
Varsayılan Değer: true
Örnek Kullanım:
```
"minify": true
```

showSpParams

Açıklama: SmartPack parametrelerini gösterip göstermeyeceğini belirtir.
Tip: bool
Varsayılan Değer: false
Örnek Kullanım:
```
"showSpParams": false
```

doNotResolve

Açıklama: Çözümleme işlemi yapılmamasını belirtir. (sadece birleştirme yapılır)
Tip: bool
Varsayılan Değer: false
Özel Durum: Bu yapılandırma sadece JS dosyaları için geçerlidir.
Örnek Kullanım:
```
"doNotResolve": false
```

outputFormat

Açıklama: JS dosyaları için çıktı formatını belirtir. Geçerli değerler: iife, cjs, umd, esm, system
Tip: string
Varsayılan Değer: iife
Özel Durum: Bu yapılandırma sadece JS dosyaları için geçerlidir.
Örnek Kullanım:
```
"outputFormat": "iife"
```

Alias Özellikleri

Açıklama: Modül dosyalarında kullanılacak alias tanımlamaları yapılır.
Tip: object[]
Özel Durum: Bu yapılandırma sadece modüler JS dosyaları için geçerlidir.

Örnek Kullanım:

"alias": [
  {
    "key": "@utils",
    "path": "/js/mynodes/utils"
  }
]

key

Açıklama: Alias anahtarını belirtir.
Tip: string
Örnek Kullanım:
```
"key": "@utils",
```

path

Açıklama: Alias anahtarına karşılık gelecek dosya yolunu belirtir.
Tip: string
Dikkat: Bu yol root dizini üzerinden belirtilmelidir.
Örnek Kullanım:
```
"path": "/js/mynodes/utils"
```

Last update: 2024-10-29

Authors: mkarakok, fcloud

Powered by: KARAKOK.NET