telegram

توضیحات

در این جلسه به ایجاد خودکار MTML در دوره ای آموزش webpack می پردازیم.

javascript جاوااسکریپت webpack وب پگ

برای دانلود ابتدا وارد سایت شوید

مدرس دوره علی شیخ
مدت دوره 05:03:42
تعداد ویدیو 36
وضعیت دوره : کامل شده
قیمت دوره : 149,000 111,750 تومان
برای دانلود ابتدا وارد سایت شوید
دسته بندی دوره ها
HTML CSS طراحی وب FlexBox Bootstrap فریمورک طراحی سایت جاوا اسکریپت اکما اسکریپت پی اچ پی php mysql javascript jquery oop mvc composer laravel emmet npm nodejs webpack vuejs livewire vuex API وب سرویس alpinejs tailwindcss react git github typescript next.js nest.js nuxt.js

دوره های پشنهادی

دوره های آموزشی
آموزش پستمن (postman)
کامل شده
% 27 تخفیف

آموزش پستمن (postman)

پستمن(postman) یک پلتفرم است برای تست API ها است که در کنارش امکانات خیلی خوبی به ما می دهد. در محیط برنامه نویسی وقتی...

149,000 109,000 تومان
03:14:06
آموزش نست جی اس (nest.js)
کامل شده
% 30 تخفیف

آموزش نست جی اس (nest.js)

نست جی اس (nest.js) فریمورک یا چارچوبی برای ایجاد برنامه های کارآمد و مقیاس پذیر node.js در سمت سرور است. این فریمورک از...

699,000 489,000 تومان
12:52:59
آموزش ساخت فروشگاه اینترنتی با نکست جی اس (next.js)
کامل شده
% 35 تخفیف

آموزش ساخت فروشگاه اینترنتی با نکست جی اس (next.js)

بعد از دوره آموزش نکست (next.js) که مورد استقبال شما دوستان عزیز قرار گرفت.حالا وقت آن رسیده که در قالب یک پروژه کاربردی...

699,000 454,000 تومان
19:23:02
آموزش آلپاین (alpine.js) پروژه محور
کامل شده
% 30 تخفیف

آموزش آلپاین (alpine.js) پروژه محور

alpine.js یک فریمورک جاوااسکریپت است که میتواند جایگزین بسیار مناسب برای جی کوئری باشد. alpine.js به صورت رسمی برای فریم...

349,000 244,500 تومان
06:52:21
مشاهده تمام دوره های آموزشی

نظرات ارزشمند شما:

برای ارسال نظر ابتدا باید وارد سایت شوید

  • Rasool Kiaeifar

    استاد همه مراحل رو چک کردم و درسته ولی طی حرکتی عجیب 😁 فایل های js و css که از فولدر dist قراره اضافه بشن،هر دو رو میاره تو تگ head
    یعنی تگ script رو هم تو head اضافه میکنه
    بنظرتون مشکل از کجاست؟ 


    

    <!DOCTYPE html>

    <html lang="en">

        <head>

            <meta charset="UTF-8">

            <meta http-equiv="X-UA-Compatible" content="IE=edge">

            <meta name="viewport" content="width=device-width, initial-scale=1.0">

            <title>Rasool</title>

    

            <script defer src="bundle..f4d993c724cfd767d986.js"></script>

            <link href="css/style..c547f12da428a30a9354.css" rel="stylesheet">

    

        </head>

    

        <body>

    

                <!-- Button trigger modal -->

            <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#exampleModal">

                Launch demo modal

              </button>

              

              <!-- Modal -->

              <div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">

                <div class="modal-dialog">

                  <div class="modal-content">

                    <div class="modal-header">

                      <h5 class="modal-title" id="exampleModalLabel">Modal title</h5>

                      <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>

                    </div>

                    <div class="modal-body">

                      ...

                    </div>

                    <div class="modal-footer">

                      <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>

                      <button type="button" class="btn btn-primary">Save changes</button>

                    </div>

                  </div>

                </div>

              </div>

    

    

            

        </body>

    </html>

    • علی شیخ

      8 ماه پیش

      سلام وقت بخیر.
      ببینید اینکه تگ script را توی head قرار داده مشکلی نیست چون توی تگ script از ویژگی defer استفاده کرده و این به این معنی هست که در نهایت این تگ اجرا بشه مانند زمانیکه قبل از بسته شدن تگ body باشه و این اتفاق احتمالا بخاطر ورژن پلاگینی که نصب کردید. در کل ورژن های که توی دوره نصب میشه را نصب کنید.
      مورد بعدی دو تا . توی اسم ها هست که باید بررسی کنید مثلا در src تگ script مقدارش bundle..f4d993c724cfd767d986.js هست که دوتا . درش هست. همچنین تگ link از css

  • فاطمه

    سلام. وقت بخیر
    برای مدیریت کش، بجای استفاده از این روش، نمیشه با webpack به فایلها ورژن داد (style.css?ver=1.0)؟
    ورژن دادن استاندارد هست؟ قبلا زیاد استفاده میشد، ولی الان ظاهرا کمتر استفاده میشه.
    تغییر اسم فایل، توی اجرای بک‌اند دردسر نمیشه؟
    ممنونم از پاسخگویی‌تون.

    • علی شیخ

      1 سال پیش

      سلام وقت بخیر.
      خیر هیچ مشکلی نداره، بحث ورژن دادن موضوع دیگه ای هست.
      به هر حال شما خودتون میتونید توی فایل کانفیگ متن های موردنظرتوk را در کنار اسم فایل قرار بدید، مانند [hash] که قرار داده شده بجاش ورژن قرار بدید و توی build های نهایی اون متن یا ورژن را تغییر بدید.