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

4 سال پیش

امتیاز دهید post

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

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

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

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

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

C:\Users\username\Desktop\aureliaApp&gt;npm install aurelia-bundler --save-dev

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

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

C: \ Users \ username \ Desktop \ aureliaApp&gt; npm install gulp

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

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

C: \ Users \ username \ Desktop \ aureliaApp&gt; npm install need-dir

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

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

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

C:\Users\username\Desktop\aureliaApp&gt;touch gulpfile.js

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

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

C:\Users\username\Desktop\aureliaApp&gt;mkdir build
C:\Users\username\Desktop\aureliaApp\build&gt;mkdir tasks

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

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

C:\Users\username\Desktop\aureliaApp\build\tasks&gt;touch bundle.js

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

مرحله 3 – 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);
});

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);

});

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

منبع.

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

امتیاز دهید post

برچسب ها : آموزش اورلیا آموزش برنامه نویسی موبایل

نویسنده مطلب saber

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

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

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

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

مرحله 3 – gulp

gulpfile.js

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

دیدگاه شما

بدون دیدگاه

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

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

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

مرحله 3 – gulp

gulpfile.js

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

دیدگاه شما

برای صرف‌نظر کردن از پاسخ‌گویی اینجا را کلیک نمایید.

بدون دیدگاه