-
-
Notifications
You must be signed in to change notification settings - Fork 3
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
3 changed files
with
271 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,23 @@ | ||
<div align="right"> | ||
<h6> | ||
<picture> | ||
<source type="image/svg+xml" media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/adamlui/js-utils/main/docs/images/earth-icon/white/icon32.svg"> | ||
<img height=14 src="https://raw.githubusercontent.com/adamlui/js-utils/main/docs/images/earth-icon/black/icon32.svg"> | ||
</picture> | ||
বাংলা | | ||
<a href="../LICENSE.md">English</a> | | ||
<a href="../zh-cn/LICENSE.md">简体中文</a> | | ||
<a href="../zh-tw/LICENSE.md">繁體中文</a> | | ||
<a href="../hi/LICENSE.md">हिंदी</a> | ||
</h6> | ||
</div> | ||
|
||
# 🏛️ MIT লাইসেন্স | ||
|
||
**কপিরাইট © 2023–2024 [Adam Lui](https://github.com/adamlui)** | ||
|
||
এই সফ্টওয়্যারটির একটি অনুলিপি এবং সংশ্লিষ্ট ডকুমেন্টেশন ফাইল ("সফ্টওয়্যার") প্রাপ্ত যেকোন ব্যক্তিকে এতদ্বারা অনুমতি দেওয়া হচ্ছে, বিনা মূল্যে সফ্টওয়্যার ব্যবহার, অনুলিপি, পরিবর্তন, একত্রীকরণের অধিকার সহ সীমাবদ্ধতা ছাড়াই সফ্টওয়্যারে ডিল করার জন্য। , প্রকাশ, বিতরণ, সাবলাইসেন্স, এবং/অথবা সফ্টওয়্যারের অনুলিপি বিক্রি করে এবং যাদের কাছে সফ্টওয়্যারটি সজ্জিত করা হয়েছে তাদের অনুমতি দিতে, নিম্নলিখিত শর্তাবলী সাপেক্ষে: | ||
|
||
উপরের কপিরাইট বিজ্ঞপ্তি এবং এই অনুমতি বিজ্ঞপ্তিটি সফ্টওয়্যারের সমস্ত কপি বা উল্লেখযোগ্য অংশে অন্তর্ভুক্ত করা হবে। | ||
|
||
সফ্টওয়্যারটি "যেমন আছে" প্রদান করা হয়, কোনো প্রকারের ওয়্যারেন্টি ছাড়াই, প্রকাশ বা উহ্য, যার মধ্যে রয়েছে কিন্তু কোনো বিশেষ উদ্দেশ্যমূলক কাজের জন্য ব্যবসায়িকতা, উপযুক্ততার ওয়্যারেন্টিগুলির মধ্যে সীমাবদ্ধ নয়৷ কোনও ক্ষেত্রেই লেখক বা কপিরাইট ধারক কোনও দাবি, ক্ষতি বা অন্যান্য দায়দায়িত্বের জন্য দায়বদ্ধ হবেন না, চুক্তির কোনও ক্রিয়াকলাপে, টর্ট বা অন্যথায়, পরবর্তী সময়ে, আমাদের থেকে উদ্ভূত অন্যান্য লেনদেন সফটওয়্যার। |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,229 @@ | ||
<div align="right"> | ||
<h6> | ||
<picture> | ||
<source type="image/svg+xml" media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/adamlui/js-utils/main/docs/images/earth-icon/white/icon32.svg"> | ||
<img height=14 src="https://raw.githubusercontent.com/adamlui/js-utils/main/docs/images/earth-icon/black/icon32.svg"> | ||
</picture> | ||
বাংলা | | ||
<a href="../..#readme">English</a> | | ||
<a href="../zh-cn#readme">简体中文</a> | | ||
<a href="../zh-tw#readme">繁體中文</a> | | ||
<a href="../hi#readme">हिंदी</a> | ||
</h6> | ||
</div> | ||
|
||
# { } scss-to-css | ||
|
||
### পুনরাবৃত্তভাবে সমস্ত SCSS ফাইল মিনিফাইড CSS-এ কম্পাইল করুন। | ||
|
||
<a href="https://www.npmjs.com/package/@adamlui/scss-to-css"><img height=31 src="https://img.shields.io/npm/dt/%40adamlui%2Fscss-to-css.js?logo=npm&logoColor=white&labelColor=464646&style=for-the-badge"></a> | ||
<a href="#%EF%B8%8F-mit-%E0%A6%B2%E0%A6%BE%E0%A6%87%E0%A6%B8%E0%A7%87%E0%A6%A8%E0%A7%8D%E0%A6%B8"><img height=31 src="https://img.shields.io/badge/License-MIT-red.svg?logo=internetarchive&logoColor=white&labelColor=464646&style=for-the-badge"></a> | ||
<a href="https://www.npmjs.com/package/@adamlui/scss-to-css?activeTab=versions"><img height=31 src="https://img.shields.io/badge/Latest_Build-1.4.1-fc7811.svg?logo=icinga&logoColor=white&labelColor=464646&style=for-the-badge"></a> | ||
<a href="https://www.npmjs.com/package/@adamlui/scss-to-css?activeTab=code"><img height=31 src="https://img.shields.io/npm/unpacked-size/%40adamlui%2Fminify.js?style=for-the-badge&logo=ebox&logoColor=white&labelColor=464646&color=blue"></a> | ||
<a href="https://sonarcloud.io/component_measures?metric=new_vulnerabilities&id=adamlui_js-utils:minify.js/minify.js"><img height=31 src="https://img.shields.io/badge/dynamic/json?url=https%3A%2F%2Fsonarcloud.io%2Fapi%2Fmeasures%2Fcomponent%3Fcomponent%3Dadamlui_js-utils%3A3Ascss-to-css%2Fscss-to-css.js%26metricKeys%3Dvulnerabilities&query=%24.component.measures.0.value&style=for-the-badge&logo=sonarcloud&logoColor=white&labelColor=464646&label=Vulnerabilities&color=gold"></a> | ||
|
||
<img height=8px width="100%" src="https://github.com/adamlui/js-utils/blob/main/docs/images/aqua-separator.png"> | ||
|
||
## ⚡ স্থাপন | ||
|
||
একটি **গ্লোবাল ইউটিলিটি** হিসেবে: | ||
|
||
``` | ||
npm install -g @adamlui/scss-to-css | ||
``` | ||
|
||
**বিকাশকারী নির্ভরতা** হিসেবে (যেমন বিল্ড স্ক্রিপ্টের জন্য), আপনার প্রোজেক্ট রুট থেকে: | ||
|
||
``` | ||
npm install -D @adamlui/scss-to-css | ||
``` | ||
|
||
**রানটাইম নির্ভরতা** হিসেবে (যেমন, অন-দ্য-ফ্লাই সংকলনের জন্য), আপনার প্রোজেক্ট রুট থেকে: | ||
|
||
``` | ||
npm install @adamlui/scss-to-css | ||
``` | ||
|
||
## 💻 কমান্ড লাইন ব্যবহার | ||
|
||
মৌলিক **গ্লোবাল কমান্ড** হল: | ||
|
||
``` | ||
scss-to-css | ||
``` | ||
|
||
নমুনা আউটপুট: | ||
|
||
<img src="https://github.com/adamlui/js-utils/blob/main/scss-to-css/media/images/sample-output.png"> | ||
|
||
**💡 দ্রষ্টব্য:** উৎস মানচিত্রগুলিও ডিফল্টরূপে তৈরি করা হয় যদি না `-S` বা `--no-source-maps` পাস না হয়। | ||
|
||
# | ||
|
||
**ইনপুট/আউটপুট** পাথ নির্দিষ্ট করতে: | ||
|
||
``` | ||
scss-to-css [input_path] [output_path] | ||
``` | ||
|
||
- `[input_path]`: SCSS ফাইল বা ডিরেক্টরির পাথ যেখানে SCSS ফাইল কম্পাইল করা হবে, বর্তমান কার্যকারী ডিরেক্টরির সাথে সম্পর্কিত। | ||
- `[output_path]`: ফাইল বা ডিরেক্টরির পাথ যেখানে CSS + সোর্স ম্যাপ ফাইলগুলি সংরক্ষণ করা হবে, মূল ফাইলের অবস্থানের সাথে সম্পর্কিত (যদি প্রদান না করা হয়, `css/` ব্যবহার করা হয়)। | ||
|
||
**💡 দ্রষ্টব্য:** ফোল্ডারগুলি পাস করা হলে, ফাইলগুলি পুনরাবৃত্তিমূলকভাবে প্রক্রিয়া করা হবে যদি না `-R` বা `--no-recursion` পাস না হয়। | ||
|
||
# | ||
|
||
আপনার প্রোজেক্টের `package.json`-এ **প্যাকেজ স্ক্রিপ্ট** হিসেবে ব্যবহার করতে: | ||
|
||
```json | ||
"scripts": { | ||
"build:css": "<scss-to-css-cmd>" | ||
}, | ||
``` | ||
|
||
`<scss-to-css-cmd>` কে `scss-to-css` + ঐচ্ছিক প্যারামিটার দিয়ে প্রতিস্থাপন করুন। তারপর, কমান্ড চালানোর জন্য `npm run build:css` ব্যবহার করা যেতে পারে। | ||
<br><br> | ||
|
||
### উদাহরণ কমান্ড | ||
|
||
**বর্তমান ডিরেক্টরি**-এ সমস্ত SCSS ফাইল কম্পাইল করুন (`css/`-এ আউটপুট): | ||
|
||
``` | ||
scss-to-css | ||
``` | ||
|
||
একটি **নির্দিষ্ট ডিরেক্টরি**-এ সমস্ত SCSS ফাইল কম্পাইল করুন (`path/to/your/directory/css/`-এ আউটপুট): | ||
|
||
``` | ||
scss-to-css path/to/your/directory | ||
``` | ||
|
||
একটি **নির্দিষ্ট ফাইল** কম্পাইল করুন (`path/to/your/css/file.min.css`-এ আউটপুট): | ||
|
||
``` | ||
scss-to-css path/to/your/file.scss | ||
``` | ||
|
||
উভয় **ইনপুট এবং আউটপুট** ডিরেক্টরি নির্দিষ্ট করুন (`output_folder/`-এ আউটপুট): | ||
|
||
``` | ||
scss-to-css input_folder output_folder | ||
``` | ||
|
||
**💡 দ্রষ্টব্য:** আউটপুট CSS ছোট করা হয় যদি না `-M` বা `--no-minify` পাস না হয়। | ||
<br><br> | ||
|
||
### কমান্ড লাইন বিকল্প | ||
|
||
``` | ||
কনফিগার অপশন: | ||
-n, --dry-run আসলে ফাইল(গুলি) ছোট করবেন না, সেগুলি প্রক্রিয়া করা হবে কিনা তা দেখান৷ | ||
-d, --include-dotfolders ফাইল অনুসন্ধানে ডটফোল্ডার অন্তর্ভুক্ত করুন। | ||
-S, --no-source-maps উৎস মানচিত্র তৈরি হওয়া থেকে আটকান। | ||
-M, --no-minify আউটপুট CSS-এর মিনফিকেশন অক্ষম করুন। | ||
-R, --no-recursion পুনরাবৃত্ত ফাইল অনুসন্ধান অক্ষম করুন। | ||
-q, --quiet ত্রুটি ছাড়া সব লগিং দমন করুন। | ||
তথ্য কমান্ড: | ||
-h, --help সাহায্য স্ক্রীন প্রদর্শন করুন। | ||
-v, --version সংস্করণ নম্বর দেখান। | ||
``` | ||
|
||
## 🔌 API রেফারেন্স | ||
|
||
আপনি ECMAScript মডিউল বা CommonJS মডিউল উভয় হিসাবে, এর API পদ্ধতিগুলি ব্যবহার করতে আপনার অ্যাপে **scss-to-css** আমদানি করতে পারেন। | ||
|
||
#### ESM: | ||
|
||
```js | ||
import * as scssToCSS from '@adamlui/scss-to-css'; | ||
``` | ||
|
||
#### CJS: | ||
|
||
```js | ||
const scssToCSS = require('@adamlui/scss-to-css'); | ||
``` | ||
|
||
### compile(inputPath, options) | ||
|
||
এই ফাংশনটি CSS ডেটাতে প্রদত্ত `ইনপুটপাথ`-এ পাওয়া SCSS কম্পাইল করে। | ||
|
||
যদি একটি **ফাইল পাথ** পাস করা হয়, ফাইলের কোডটি CSS-এ কম্পাইল করা হয়, তারপর `srcPath` + `code` + `error` ধারণকারী একটি অবজেক্ট রিটার্ন করা হয়: | ||
|
||
```js | ||
const compileResult = scssToCSS.compile('assets/style.scss'); | ||
console.log(compileResult.error); // রানটাইম ত্রুটি, অথবা কোনো ত্রুটি না থাকলে `undefined` | ||
console.log(compileResult.code); // assets/style.scss এর কম্পাইল করা CSS আউটপুট | ||
``` | ||
|
||
যদি একটি **ডিরেক্টরি পাথ** পাস করা হয়, SCSS ফাইলগুলি অনুসন্ধান করা হয় (পুনরাবৃত্তভাবে ডিফল্টভাবে), প্রতিটির কোড লোড করা হয় তারপর কম্পাইল করা হয়, তারপর `srcPath` + `code` + `error` ধারণকারী বস্তুর একটি অ্যারে ফেরত দেওয়া হয়: | ||
|
||
```js | ||
const results = scssToCSS.compile('.'); | ||
results.forEach(result => | ||
console.log(result.srcPath) // কর্মরত ডিরেক্টরি + সমস্ত নেস্টেড ডিরেক্টরিতে SCSS ফাইলের পাথ | ||
); | ||
console.log(results[1].code); // পাওয়া গেলে দ্বিতীয় SCSS ফাইলের কম্পাইল করা CSS আউটপুট, অথবা যদি না পাওয়া যায় তাহলে `undefined` | ||
``` | ||
|
||
Options are boolean, passed as object properties. For example: | ||
|
||
```js | ||
scssToCSS.compile(inputDir, { minify: false }); | ||
// ডাটা অবজেক্ট রিটার্ন করে যেখানে `.code`-এ unminified CSS থাকে | ||
``` | ||
|
||
সম্ভাব্য প্যারামিটার (এবং তাদের ডিফল্ট সেটিংস) হল: | ||
|
||
``` | ||
recursive (true) ডিরেক্টরি পাথ পাস হলে নেস্টেড ফাইলগুলির জন্য পুনরাবৃত্তিমূলকভাবে অনুসন্ধান করুন। | ||
verbose (true) কনসোল/টার্মিনালে লগইন দেখান। | ||
dotFolders (false) ফাইল অনুসন্ধানে ডটফোল্ডার অন্তর্ভুক্ত করুন। | ||
minify (true) আউটপুট CSS ছোট করুন। | ||
sourceMaps (true) CSS সোর্স ম্যাপ তৈরি করুন। | ||
``` | ||
|
||
### findSCSS(searchDir, options) | ||
|
||
এই ফাংশনটি পাস করা `searchDir` স্ট্রিং-এর মধ্যে সমস্ত SCSS ফাইল অনুসন্ধান করে (কোন ফাইলগুলি [`compile()`](#compileinputpath-options) প্রক্রিয়া করবে তা আবিষ্কার করার জন্য দরকারী) এবং তাদের ফাইলপথ সমন্বিত একটি অ্যারে প্রদান করে। | ||
|
||
বিকল্পগুলি হল বুলিয়ান, অবজেক্টের বৈশিষ্ট্য হিসাবে পাস করা হয়েছে। উদাহরণ স্বরূপ: | ||
|
||
```js | ||
scssToCSS.findSCSS(searchDir, { recursive: false }); | ||
// ঠিক `searchDir`-এ SCSS ফাইলে ফাইলপাথ সমন্বিত অ্যারে ফেরত দেয় | ||
``` | ||
|
||
সম্ভাব্য প্যারামিটার (এবং তাদের ডিফল্ট সেটিংস) হল: | ||
|
||
``` | ||
recursive (true) ডিরেক্টরি পাথ পাস হলে নেস্টেড ফাইলগুলির জন্য পুনরাবৃত্তিমূলকভাবে অনুসন্ধান করুন। | ||
verbose (false) কনসোল/টার্মিনালে লগইন দেখান। | ||
dotFolders (false) ফাইল অনুসন্ধানে ডটফোল্ডার অন্তর্ভুক্ত করুন। | ||
``` | ||
|
||
<br> | ||
|
||
## 💖 সমর্থন | ||
|
||
অনুগ্রহ করে [একটি গিটহাব দেওয়া ⭐](https://github.com/adamlui/js-utils) বিবেচনা করুন যদি এটি আপনাকে সাহায্য করে! | ||
<br><br> | ||
|
||
## 🏛️ MIT লাইসেন্স | ||
|
||
**কপিরাইট © 2023–2024 [Adam Lui](https://github.com/adamlui)** | ||
|
||
এই সফ্টওয়্যারটির একটি অনুলিপি এবং সংশ্লিষ্ট ডকুমেন্টেশন ফাইল ("সফ্টওয়্যার") প্রাপ্ত যেকোন ব্যক্তিকে এতদ্বারা অনুমতি দেওয়া হচ্ছে, বিনা মূল্যে সফ্টওয়্যার ব্যবহার, অনুলিপি, পরিবর্তন, একত্রীকরণের অধিকার সহ সীমাবদ্ধতা ছাড়াই সফ্টওয়্যারে ডিল করার জন্য। , প্রকাশ, বিতরণ, সাবলাইসেন্স, এবং/অথবা সফ্টওয়্যারের অনুলিপি বিক্রি করে এবং যাদের কাছে সফ্টওয়্যারটি সজ্জিত করা হয়েছে তাদের অনুমতি দিতে, নিম্নলিখিত শর্তাবলী সাপেক্ষে: | ||
|
||
উপরের কপিরাইট বিজ্ঞপ্তি এবং এই অনুমতি বিজ্ঞপ্তিটি সফ্টওয়্যারের সমস্ত কপি বা উল্লেখযোগ্য অংশে অন্তর্ভুক্ত করা হবে। | ||
|
||
সফ্টওয়্যারটি "যেমন আছে" প্রদান করা হয়, কোনো প্রকারের ওয়্যারেন্টি ছাড়াই, প্রকাশ বা উহ্য, যার মধ্যে রয়েছে কিন্তু কোনো বিশেষ উদ্দেশ্যমূলক কাজের জন্য ব্যবসায়িকতা, উপযুক্ততার ওয়্যারেন্টিগুলির মধ্যে সীমাবদ্ধ নয়৷ কোনও ক্ষেত্রেই লেখক বা কপিরাইট ধারক কোনও দাবি, ক্ষতি বা অন্যান্য দায়দায়িত্বের জন্য দায়বদ্ধ হবেন না, চুক্তির কোনও ক্রিয়াকলাপে, টর্ট বা অন্যথায়, পরবর্তী সময়ে, আমাদের থেকে উদ্ভূত অন্যান্য লেনদেন সফটওয়্যার। | ||
|
||
<br> | ||
|
||
<img height=6px width="100%" src="https://raw.githubusercontent.com/adamlui/js-utils/main/docs/images/aqua-separator.png"> | ||
|
||
<a href="https://github.com/adamlui/js-utils">**বাড়ি**</a> / | ||
<a href="https://github.com/adamlui/js-utils/discussions">আলোচনা করা</a> / | ||
<a href="#--scss-to-css">উপরে ফিরে যাও ↑</a> |
Oops, something went wrong.