javascript - วิธีที่แนะนำในการเพิ่ม Typescript ให้กับโปรเจกต์ asp.net 4 Webforms ที่มีอยู่

ฉันกำลังทำงานบนโปรเจกต์ Webforms asp.net 4.0 ที่ค่อนข้างเก่าใน Visual Studio 2015.

ฉันต้องการเริ่มใช้ TypeScript แทน Javascript สำหรับโค้ดฝั่งลูกค้าบางส่วน ฉันเคยใช้ TypeScript ในโปรเจกต์อื่น ๆ นอก Visual Studio (เช่น ใช้ Visual Studio Code และเครื่องมือ Node ต่าง ๆ เช่น npm, gulp เป็นต้น)

ตอนนี้ฉันกำลังพยายามดูว่าจะใช้ TypeScript ใน Visual Studio อย่างไร และเห็นโพสต์ที่ขัดแย้งกันหลายโพสต์ รวมถึงเวอร์ชันต่างๆ ของ TypeScript/VS ที่ถูกกล่าวถึง

ฉันได้เพิ่มไฟล์ TypeScript ลงใน VS แล้ว และ VS รายงานว่าตอนนี้รองรับ TypeScript และได้เพิ่มบรรทัดไม่กี่บรรทัดลงในไฟล์โปรเจกต์ ฉันยังได้เพิ่มส่วนขยาย VS สำหรับ TypeScript (เวอร์ชัน 2)

ฉันสร้างโปรเจกต์ของฉันและได้ไฟล์ .js และ .map ไฟล์เหล่านี้อยู่ในรูปแบบ CommonJS ดังนั้นฉันจึงต้องโหลดไฟล์เหล่านี้หรือแปลงโดยใช้วิธีการบางอย่างในการรวมไฟล์

นี่คือจุดที่ฉันไม่รู้ว่าจะไปทางไหน นอกจากนี้ ฉันได้อ่านรายงานที่ขัดแย้งกันเกี่ยวกับวิธีการกำหนดค่า Typescript (เช่น Visual Studio จะใช้ไฟล์ tsconfig.json หรือไม่)

ในโครงการที่ไม่ใช่ asp.net ฉันได้ใช้ gulp กับ gulp-typescript browserify และปลั๊กอิน gulp อื่น ๆ

ฉันต้องทำสิ่งเดียวกันนี้ในโปรเจกต์ asp.net ของฉันหรือไม่ หรือมีวิธีอื่นในการรวมและแปลง JS ให้เป็นโค้ดที่เบราว์เซอร์สามารถใช้งานได้บ้าง?

ถ้าฉันใช้วิธี gulp ฉันถือว่านั่นหมายความว่าตอนนี้ฉันจะไม่ใช้ตัวคอมไพเลอร์ TS ที่ติดตั้งผ่านปลั๊กอิน Visual Studio แล้ว (ดังนั้นจุดของสิ่งนี้คืออะไรถ้ามันสร้างโค้ดแบบ CommonJS ที่ฉันไม่สามารถใช้ในเบราว์เซอร์ได้?)

ขอบคุณล่วงหน้าสำหรับคำแนะนำใด ๆ ที่นี่!

คำตอบ #1

ใช่ แบบฟอร์มเว็บสามารถใช้ TypeScript และ Gulp ได้ ด้านล่างนี้เป็นบางขั้นตอน:

กำหนดค่า npm การกำหนดค่า Bower กำหนดค่า Bootstrap และ CSS ของฉันกับ Gulp อัปเดตหน้า Master กำหนดค่า Gulp-Watch

สามารถหาวิธีแก้ไขที่สมบูรณ์ได้ที่นี่

สำหรับ TypeScript แม้ว่าคุณจะมีไฟล์ .ts ที่สร้างขึ้นด้วย "เพิ่มรายการใหม่" ในโปรเจกต์ของคุณ ตัวเลือก "TypeScriptCompile" ใน "Build Action" ของคุณสมบัติไฟล์จะไม่สามารถใช้ได้และจะทำให้เกิดข้อยกเว้น หลังจากที่สร้างไฟล์แรกแล้ว คุณจะพบตัวเลือกนี้และสามารถตั้งค่าเองเป็นไฟล์ .ts ได้

ตัวเลือก "ไฟล์ Typescript" จะไม่สามารถใช้งานได้ในตัวเลือก "เพิ่มไฟล์" เว้นแต่คุณจะมีไฟล์ .ts ที่สร้างขึ้นด้วย "เพิ่มรายการใหม่" ในโครงการของคุณ และคุณอยู่ในโฟลเดอร์ "Scripts" (ถ้าคุณตั้งชื่อโฟลเดอร์ที่ต้องการเพิ่มไฟล์นี้ต่างออกไป ตัวเลือกนี้จะไม่สามารถใช้งานได้) แน่นอนว่าคุณสามารถเพิ่มไฟล์ .ts จาก "เพิ่มรายการใหม่" ได้

โปรดอ่านกระทู้ SO นี้ Type Script Web Forms