ডেভসংকেত

ভিট জেএস

জাভাস্ক্রিপ্ট বিল্ডটুল যা ডেভলাপমেন্টের সময় কোড লোকালি কোড সার্ভ করে আর প্রোডাকশনের সময় HTML, CSS, JavaScript সহ অন্য সকল অ্যাসেটকে বান্ডেল করে

কন্ট্রিবিউটর

    শেয়ার করুন

    ইন্সটলেশন

    • নতুন ভিট প্রজেক্ট বানানো

    • npm create [email protected]
    • yarn create vite
    • pnpm create vite
    • প্রজেক্ট রান করে দেখুন

    • npm run dev
    • yarn run dev
    • pnpm run dev

    ফিচার

    • ন্যাটিভ ES5 সাপোর্ট

      import { someMethod } from 'my-dep'
    • jsx, tsx সাপোর্ট

      // vite.config.js 
      
      import { defineConfig } from 'vite'
      
      export default defineConfig({
        esbuild: {
          jsxFactory: 'h',
          jsxFragment: 'Fragment'
        }
      })
    • স্ট্যাটিক আসেট

      import imgUrl from './img.png'
      document.getElementById('hero-img').src = imgUrl
    • JSON (জেসন)

    • import json from './example.json'
    • import { field } from './example.json'
    • গ্লোবাল ইম্পোর্ট

      const modules = import.meta.glob('./dir/*.js')
      
      // code produced by vite 
      const modules = {
        './dir/foo.js': () => import('./dir/foo.js'),
        './dir/bar.js': () => import('./dir/bar.js')
      }
    • মাল্টি লাইন প্যাটার্ন

      const modules = import.meta.glob(['./dir/*.js', './another/*.js'])
    • নেগেটিভ প্যাটার্ন

      const modules = import.meta.glob(['./dir/*.js', '!**/bar.js'])
    • নেইমড প্যাটার্ন

      const modules = import.meta.glob('./dir/*.js', { import: 'setup' })
    • ডাইনামিক ইম্পোর্ট

      const module = await import(`./dir/${file}.js`)
    • ওয়েব অ্যাসেম্বলি

      import init from './example.wasm?init'
      
      init().then((instance) => { 
        instance.exports.test()
      })

    ডেভসংকেত সম্পর্কে

    ডেভসংকেত এর লক্ষ্য হচ্ছে বাংলাতে একটা বড় চিটশিটের ভান্ডার গড়ে তোলা। এটা সম্পূর্ণ স্বাধীন এবং ওপেন সোর্স গিটহাব অর্গানাইজেশন।

    স্পন্সর