javascript - Webpack-ის შექმნა აჩვენებს TS შეცდომებს node_modules-ში ჩემი კოდის ნაცვლად
ვერ ვხვდები, რატომ არ მაჩვენებს TS შეცდომებს ჩემს წარმოების კოდზე, როცა ვიმართებ ჩემს webpack.config-ს. ის მხოლოდ node_modules-ზე აჩვენებს შეცდომებს.
განვადო ისეც ჩანს, რომ ეს ასევე შეეხო თითოეული იმ node_modules-ის პაკეტებს.
ამას წარმოადგენს ჩემი გაშვების სკრიპტი: NODE_ENV=production webpack -p --env=prod
web.config.js
const path = require('path'); const { CleanWebpackPlugin } = require('clean-webpack-plugin'); const TerserJSPlugi Წაიკითხე მეტი →typescript - WebPack TS ფაილის კომპილაცია HTML-ში ჩართვის გარეშე
ვმუშავობ უბრალო ვებგვერდზე, სადაც ვცდილობ სკრიპტის არჩევითად დატვირთვას მომხმარებლის მოქმედებების მიხედვით.
ამიტომ, მსურს, რომ სკრიპტი შედგეს WebPack-ით, მაგრამ ავტომატურად არ დაიმატოს როგორც import (script tag) გამომავალი HTML-ში. მე მქონდა ასეთი კონფიგურაცია (იხილეთ ქვემოთ), რომელიც ქმნის main.js
Წაიკითხე მეტი →typescript - შემიძლია გავიტანო წაკითხვადი შედეგი webpack-იდან?
მინდა ჩემი Typescript კოდი გავყო მოდულებად გაუმჯობესების მიზნით და დავაკავშირო ისინი ერთ ერთიან კომპილირებულ JavaScript ფაილში ბრაუზერისთვის. Webpack ჟღერს სწორედ ისე, როგორც მე მსურს, რადგან ის გადაიყვანს ჩემს Typescript-ს, გააერთიანებს მოდულებს და მარტივად შემიძლია მქონდეს განსხვავებული build ამინანიცის განვითარების და წარმოებისათვის, აირჩიო, ჩავთვალო თუ არა minify, cache-bust, ფაილების ცვლილების ძებნა და ა.შ. ასევე მინდა ზოგი ჩემი მოდული ცალ-ცალკე დამაკავშირო, დინამიურად ჩატვირთვისათვის, რ
Წაიკითხე მეტი →როგორ გამოვიყენოთ seznam mapy webpack-ში TypeScript-ში?
Seznam mapy (mapy.cz) შესანიშნავი ჩეხური უფასო ალტერნატივაა Google Maps-სთან შედარებით, მარტივი API-თი https://api.mapy.cz/. მაგრამ როგორ გამოვიყენოთ ისინი TypeScript-თან? Webpacked აპლიკაციაში?
პასუხი #1
Seznam რუკები (SMap) არ უჭერენ მხარს TypeScript-ს და არ სურთ. S
Წაიკითხე მეტი →javascript - Leaflet-ის ან ნებისმიერი js ბიბლიოთეკის გამოყენება Typescript-თან და webpack-თან
შენიშვნა: ბევრს ვეძებე, მაგრამ ვერ მოვიძიე ჩემი პასუხი.
მე ვცდილობ გავაკეთო რუკის ბიბლიოთეკა leaflet-ის გაფართოებით. მაგრამ მგონია, რომ ჩემი პრობლემა ჯერჯერობით js ბიბლიოთეკების გამოყენებაშია. მე ვიყენებ webpack-ს და t
Წაიკითხე მეტი →ჯავასკრიპტი - Angular 11 Webpack 5-თან ერთად - გიჩვენეთ შეტყობინება IE11 მომხმარებლებისთვის
ჩვენი კომპანია ერთი ჩვენი ფრონტენდ პროექტის Angular 11-ში Webpack 5-თან ერთად მიგრაციას ახორციელებს. ამჟამად ჩვენ Angular 10-ზე ვართ და ვამყარებთ მხარდაჭერას IE11-ისთვის.
ამ მიგრაციის მიზეზი პრიორიტეტის ცვლილებაა, ერთი ჩვენი ვებაპლიკაცია უნდა იყოს მაქსიმალურად მსუბუქი და სწრაფი. ამიტომაც გვინდა გადავიდ
Წაიკითხე მეტი →node.js - არსებობს თუ არა webpack კონფიგურაცია, რომ შეკრიბოს webpack დანამატი?
მუშაობ ვებპაკ პლაგინის შექმნაზე. მე გამოვიყენე TypeScript პლაგინის კოდის დაწერისთვის. ვეცდები შევკრათ პლაგინის კოდი სანამ გავავრცელებ NPM-ზე. ვიღებ გამონაკლისს, რომ ჩემი პლაგინის კლასი კონსტრუქტორი არ არის.
გთხოვთ იხილოთ ქვემოთ დერექტორიის სტრუქტურა:-
tsconfig.json:-
{ Წაიკითხე მეტი →typescript - Webpack ვერ აფიქსირებს ფაილის ცვლილებებს
მე ვიყენებ Vue-ს, .vue.html/.ts/.scss შაბლონით. თითოეული ფოლდერში არის .ts, .vue.html და .scss ფაილი, რომელიც ხდება Vue კომპონენტი. ამასთან ერთად, ვხმარობ Webpack-ს.
დღეს, როდესაც მუშაობა დავიწყე, Webpack აღარ ამჩნევს .vue.html ფაილებს. ახლა ის მხოლოდ .ts ფაილებს ჩანს რომ ამჩნევს. აქ არის ჩემი webpack კონფიგურაცია:
const path = require('path'); const webpack = require('webpack'); const ExtractTextPlugin = require('extract-text-webpack-plugin'); const CheckerPlugin = requir Წაიკითხე მეტი →javascript - Webpack-ის 'production' რეჟიმი არაფერს აერთიანებს
მოვუწიე TypeScript სახელმძღვანელოს: https://webpack.js.org/guides/typescript/ როდესაც ვუშვებთ webpack-ს „production“ რეჟიმში, თითქმის არაფერი გამოუცემია.
აი ჩემი src/index.ts ფაილის წყაროს კოდი:
export function foo() { return 'foo' } export const bar = 'bar'შემდეგ ვასრულებ ბრძანებას:
Წაიკითხე მეტი →typescript - Webpack კვლავ ანალიზს უკეთებს გამოყენებას/უხმაურობას/არ შესავალბაზაში შემავალ ფაილებს
მე მაქვს მინიმალური Typescript+Webpack კონფიგურაცია დოკუმენტაციიდან, შემდეგი ფაილებით :
ფაილები
src/
- index.ts/აქ მხოლოდ console.log არის
- unused.ts/მხოლოდ console.log + ტიპის შეცდომაა აქ