آموزش بسته بندی در برنامه نویسی اورلیا

آموزش بسته بندی در برنامه نویسی اورلیا

در این درس از مجموعه آموزش برنامه نویسی سایت سورس باران، به آموزش بسته بندی در برنامه نویسی اورلیا خواهیم پرداخت.

در این فصل ، شما می آموزید که چگونه از بسته بندی در چارچوب اورلیا استفاده کنید.

مرحله ۱ – نصب پیش نیازها

با اجرای دستور زیر در خط فرمان می توانید aurelia-bundler را نصب کنید.

C:\Users\username\Desktop\aureliaApp>npm install aurelia-bundler --save-dev

اگر gulp را نصب نکرده اید ، می توانید با اجرای این کد آن را نصب کنید.

C: \ Users \ username \ Desktop \ aureliaApp> npm install gulp

همچنین می توانید بسته require-dir را از npm نصب کنید.

C: \ Users \ username \ Desktop \ aureliaApp> npm install need-dir

مرحله ۲ – ایجاد پوشه ها و پرونده ها

ابتدا فایل gulpfile.js را در پوشه ریشه برنامه ها ایجاد کنید.

C:\Users\username\Desktop\aureliaApp>touch gulpfile.js

شما به پوشه build احتیاج دارید. در این دایرکتوری ، پوشه دیگری را با نام task اضافه کنید

C:\Users\username\Desktop\aureliaApp>mkdir build
C:\Users\username\Desktop\aureliaApp\build>mkdir tasks

شما باید فایل bundle.js را در داخل پوشه وظایف ایجاد کنید.

C:\Users\username\Desktop\aureliaApp\build\tasks>touch bundle.js

مرحله ۳ – gulp

از gulp به عنوان وظیفه اجرا کننده استفاده کنید. شما باید به آن بگویید تا کد را از build\tasks\bundle.js اجرا کند.

gulpfile.js

var gulp = require('gulp');
var bundle = require('aurelia-bundler').bundle;

var config = {
   force: true,
   baseURL: '.',
   configPath: './config.js',
    
   bundles: {
      "dist/app-build": {
         includes: [
            '[*.js]',
            '*.html!text',
            '*.css!text',
         ],
         options: {
            inject: true,
            minify: true
         }
      },
        "dist/vendor-build": {
         includes: [
            'aurelia-bootstrapper',
            'aurelia-fetch-client',
            'aurelia-router',
            'aurelia-animator-css',
         ],
         options: {
            inject: true,
            minify: true
         }
      }
   }
};

gulp.task('bundle', function() {
   return bundle(config);
});

خط فرمان هنگام تکمیل بسته بندی به ما اطلاع می دهد.

منبع.

لیست جلسات قبل آموزش برنامه نویسی اورلیا

1. آموزش برنامه نویسی اورلیا
2. بررسی اجمالی برنامه نویسی اورلیا 
3. آموزش تنظیمات محیطی در برنامه نویسی اورلیا 
4.  آموزش اولین برنامه در برنامه نویسی اورلیا
5. آموزش اجزا در برنامه نویسی اورلیا
6. آموزش چرخه زندگی کامپوننت در برنامه نویسی اورلیا
7. آموزش عناصر سفارشی در برنامه نویسی اورلیا
8. آموزش تزریق وابستگی در برنامه نویسی اورلیا
9. آموزش پیکربندی در برنامه نویسی اورلیا
10. آموزش پلاگین ها در برنامه نویسی اورلیا
11. آموزش اتصال داده ها در برنامه نویسی اورلیا
12. آموزش رفتار اتصال در برنامه نویسی اورلیا
13. آموزش مبدل ها در برنامه نویسی اورلیا
14. آموزش رویدادها در برنامه نویسی اورلیا
15. آموزش گردآورنده رویداد در برنامه نویسی اورلیا
16. آموزش فرم ها در برنامه نویسی اورلیا
17. آموزش HTTP در برنامه نویسی اورلیا
18. آموزش رفرنس ها در در برنامه نویسی اورلیا
19. آموزش مسیریابی در برنامه نویسی اورلیا
20. آموزش تاریخچه در برنامه نویسی اورلیا
21. آموزش انیمیشن ها در برنامه نویسی اورلیا
22. آموزش dialog در برنامه نویسی اورلیا
23. آموزش بومی سازی در برنامه نویسی اورلیا
24. آموزش ابزارها در برنامه نویسی اورلیا
25. آموزش بسته بندی در برنامه نویسی اورلیا
26. آموزش اشکال زدایی در برنامه نویسی اورلیا
27.  جامعه برنامه نویسی اورلیا