Neler yeni

Foruma hoş geldin, Ziyaretçi

Forum içeriğine ve tüm hizmetlerimize erişim sağlamak için foruma kayıt olmalı ya da giriş yapmalısınız. Foruma üye olmak tamamen ücretsizdir.

Türkiye'nin İlk ve tek FiveM forum adresi

Forum adresimize hoş geldin FiveMTürk olarak amacımız siz değerli kullanıcılarımıza en aktif fikir ve paylaşım platformu sunmak bir yana en güvenilir şekilde alışveriş yapabileceğiniz bir platform sunmaktır.
DF DF
DF DF
DF DF

Rehber [Nasıl Yapılır] Typescript kaynağınızı / resources klasörünüze entegre edin

MiddleStonks

Üye
FT Kullanıcı
Katılım
20 Nis 2020
Mesajlar
440
Discord
MiddleStonks#1877
36005
36001

Merhaba, genellikle kaynak dosyalarınızı temiz tutmak istersiniz. Bununla birlikte, packed dosyalarla uğraşmak istemezsiniz .

Bu konu, resources dizininde .ts dosyalarını derlemek için FiveM ve gulp'u nasıl kullanacağınızı öğretecektir.

Gereksinimler:

NodeJs v9
Temel Typescript ve Javascript bilgisi


?

Hadi başlayalım:

Kendinizi resources klasörü düzeyine koyun.
Kaynak dosyalarınızın yaşayacağı bir src dizini oluşturun: mkdir src.
Yeni bir kaynak klasörü oluşturun: mkdir src / [essential] / ilog.
Bir istemci ve bir sunucu alt dizini oluşturun: mkdir src / [essential] / ilog / client src / [essential] / ilog / server.
Bu bağlamla bir __resource.lua dosyası oluşturun

Kod:
server_scripts {[/B][/CENTER]
[B][CENTER]    "server/server_main.js"
}

client_scripts {
    "client/client_main.js"
}


Sıra şu şekilde görünmelidir.

36002

Kaynağınızı kodlayın

Kaynağınızı, Lua / Js'de genellikle yaptığınız gibi istemci ve / veya sunucu altında geliştirin .
İstediğiniz kadar alt klasör ve .ts oluşturabilirsiniz .

Her şey nasıl kurulur?

Bir npm paketi başlatmadıysanız , lütfen npm initen üst düzeyde yapın, böylece package.json src ve kaynakların yanında yaşayacaktır .

Şimdi aynı yerde, bir oluşturmak gulpfile.js dosyası: touch gulpfile.js

Not: gulp, geliştirmenizdeki zorlu veya zaman alıcı görevleri otomatikleştirmek için bir araç setidir.

Aşağıdakini yazın:, npm i --save-dev gulp gulp-typescript merge-stream gulp-concat bağımlılıkları kuracaktır.

Gulpfile.js
içindeki bağımlılıkları içe aktaralım :

Kod:
const gulp = require("gulp");
const ts = require("gulp-typescript");
const fs = require("fs");
const path = require("path");
const merge = require("merge-stream");
const concat = require("gulp-concat");

Şimdi, "kaynak listemizi" oluşturacağız, örneğin elimizde sadece bir tane var:

Kod:
let folders = ["[essential]/ilog", "mySuperResource2"];

Toplama İşlemimiz:

Kod:
gulp.task("build", function() {
  let tasks = [];

  // For each resource path in folder:
  folders.map(el => {
    // If there's a server folder
    if (fs.existsSync(path.join("src", el, "server"))) {
      tasks.push(
        gulp
          .src(`src/${escapeBracketPath(el)}/server/**/*.ts`)
          .pipe(
            ts({
              noImplicitAny: true,
              module: "commonjs"
            })
          )
          .pipe(concat("main_server.js"))
          .pipe(gulp.dest(`resources/${el}/server/`))
      );
    }
    // If there's a client folder
    if (fs.existsSync(path.join("src", el, "client"))) {
      tasks.push(
        gulp
          .src(`src/${escapeBracketPath(el)}/client/**/*.ts`)
          .pipe(
            ts({
              noImplicitAny: true,
              module: "system",
              outFile: "client_main.js"
            })
          )
          .pipe(concat("main_client.js"))
          .pipe(gulp.dest(`resources/${el}/client/`))
      );
    }
    // Copy the __resource.lua
    tasks.push(
      gulp
        .src(`src/${escapeBracketPath(el)}/__resource.lua`)
        .pipe(gulp.dest(`resources/`))
    );
  });

  // Merge all steams together
  return merge(tasks);
});

Not: gulp.src kullanımdan beri , yolda node-glob yolumuzdan kaçmamız gerekiyor , o yüzden çözümü;

Kod:
// [essential]/ilog -> [[]essential]/ilog
// [essential]/[essential]/ilog -> [[]essential]/[[]essential]/ilog
const escapeBracketPath = path =>
  path
    .split("[")
    .map((val, i) => (i != 0 ? `[]${val}` : val))
    .join("[");

Şimdide çalıştıralım:

gulpGlobal olarak kurabilir ve doğrudan kullanabilirsiniz

gulp buildDüzenleyebilirsiniz package.json:


Kod:
"scripts": {
  "test": "echo \"Error: no test specified\" && exit 1",
  "build": "gulp build"
}

ve şimdi bununla kurulum görevini başlatmak için sağlayabiliyoruz: npm run build.

36003

Umarım bu, GÜÇLÜ bir Typescript geliştiricisi olmanıza yardımcı olur .
36004
X Y Z






















 


Ekli dosyalar

  • 1607265186679.png
    1607265186679.png
    5.8 KB · Görüntüleme: 0
  • 1607265608948.png
    1607265608948.png
    2.3 KB · Görüntüleme: 0

KumbarEmree

𝐅𝐈𝐕𝐄𝐌𝐓𝐔𝐑𝐊
Super-Mod
Katılım
19 Ağu 2019
Mesajlar
1,688
Her zamanki gibi çok başarılı bir rehber, ellerine sağlık.
 


MiddleStonks

Üye
FT Kullanıcı
Katılım
20 Nis 2020
Mesajlar
440
Discord
MiddleStonks#1877
Teşekkürler.
 


Rental

?????????
Yasaklandı
FT Kullanıcı
Katılım
30 Tem 2019
Mesajlar
519
Discord
! ⚜ 𝐑𝐞𝐧𝐭𝐚𝐥𝐥𝐢𝐨𝐧#9999
Başarılı Bir Rehber Eline Emeğine Sağlık​
 


Ü

Üye silindi 20237

Guest
Çok Başarılı olmuş ellerinize sağlık ?
 


tgemre

?????????
FT Kullanıcı
Katılım
6 Eki 2020
Mesajlar
2,766
Discord
tgemre#6161
yine başarılı bir paylaşım olmuş ellerine sağlık :)
 


1RIP

?????????
Yasaklandı
FT Kullanıcı
Katılım
26 Haz 2020
Mesajlar
1,538
Discord
1RIP#1111
Çok başarılı bir anlatım olmuş
Teşekkürler.​
 


GoktugYesil

?????????
FT Kullanıcı
Katılım
15 May 2020
Mesajlar
316
Discord
GöktuğYeşil#8808
Bu işi yapıyorsunuz elinize sağlık
 


Forumdan daha fazla yararlanmak için giriş yapın yada üye olun!

Forumdan daha fazla yararlanmak için giriş yapın veya kayıt olun!

Kayıt ol

Forumda bir hesap oluşturmak tamamen ücretsizdir.

Şimdi kayıt ol
Giriş yap

Eğer bir hesabınız var ise lütfen giriş yapın

Giriş yap

Bu konuyu görüntüleyen kullanıcılar

Tema düzenleyici

Tema özelletirmeleri

Granit arka planlar

Lütfen Javascript'i etkinleştirin!Javascript'i etkinleştirin!