ააშენეთ ხელსაწყოები
შეიტყვეთ, თუ როგორ გამოიყენოთ Bootstrap-ის თანდართული npm სკრიპტები ჩვენი დოკუმენტაციის შესაქმნელად, წყაროს კოდის შედგენისთვის, ტესტების გასაშვებად და სხვა.
ხელსაწყოების დაყენება
Bootstrap იყენებს npm სკრიპტებს თავისი build სისტემისთვის. ჩვენი package.json მოიცავს ფრეიმვორთან მუშაობის მოსახერხებელ მეთოდებს, მათ შორის კოდის შედგენას, ტესტების გაშვებას და სხვა.
ჩვენი build სისტემის გამოსაყენებლად და ჩვენი დოკუმენტაციის ადგილობრივად გასაშვებად, დაგჭირდებათ Bootstrap-ის წყარო ფაილების და Node-ის ასლი. მიჰყევით ამ ნაბიჯებს და მზად უნდა იყოთ როკისთვის:
- ჩამოტვირთეთ და დააინსტალირეთ Node.js , რომელსაც ვიყენებთ ჩვენი დამოკიდებულებების სამართავად.
- გადადით root
/bootstrap
დირექტორიაში დაnpm install
დააინსტალირეთ ჩვენი ადგილობრივი დამოკიდებულებები, რომლებიც ჩამოთვლილია package.json- ში . - დააინსტალირეთ Ruby , დააინსტალირეთ Bundler ერთად
gem install bundler
და ბოლოს გაუშვითbundle install
. ეს დააინსტალირებს რუბის ყველა დამოკიდებულებას, როგორიცაა ჯეკილი და დანამატები.- Windows-ის მომხმარებლები: წაიკითხეთ ეს სახელმძღვანელო , რათა Jekyll-ს უპრობლემოდ ამოქმედდეს.
დასრულების შემდეგ, თქვენ შეძლებთ ბრძანების ხაზიდან მოწოდებული სხვადასხვა ბრძანებების გაშვებას.
npm სკრიპტების გამოყენება
ჩვენი package.json მოიცავს შემდეგ ბრძანებებს და დავალებებს:
დავალება | აღწერა |
---|---|
npm run dist |
npm run dist ქმნის /dist/ დირექტორიას კომპილირებული ფაილებით. იყენებს Sass , Autoprefixer და UglifyJS . |
npm test |
იგივეა, რაც npm run dist პლუს ის ატარებს ტესტებს ადგილობრივად |
npm run docs |
აშენებს და ათავსებს CSS-ს და JavaScript-ს დოკუმენტებისთვის. შემდეგ შეგიძლიათ გაუშვათ დოკუმენტაცია ადგილობრივად npm run docs-serve . |
გაუშვით npm run
ყველა npm სკრიპტის სანახავად.
ავტოპრეფიქსერი
Bootstrap იყენებს Autoprefixer-ს (ჩართულია ჩვენს შექმნის პროცესში), რათა ავტომატურად დაამატოს გამყიდველის პრეფიქსები ზოგიერთ CSS თვისებას აშენების დროს. ამით დაზოგავთ დროსა და კოდს, რაც საშუალებას გვაძლევს დავწეროთ ჩვენი CSS-ის ძირითადი ნაწილები ერთჯერადად, ამასთან ერთად აღმოვფხვრათ გამყიდველის მიქსების საჭიროება, როგორიცაა v3-ში.
ჩვენ ვინახავთ ბრაუზერების სიას, რომლებიც მხარდაჭერილია Autoprefixer-ის მეშვეობით, ცალკე ფაილში ჩვენს GitHub საცავში. იხილეთ .browserslistrc დეტალებისთვის.
ადგილობრივი დოკუმენტაცია
ჩვენი დოკუმენტაციის ლოკალურად გაშვება მოითხოვს Jekyll-ის გამოყენებას, ღირსეულად მოქნილი სტატიკური საიტის გენერატორის, რომელიც გვაწვდის: ძირითადი მოიცავს, Markdown-ზე დაფუძნებულ ფაილებს, შაბლონებს და სხვა. აი, როგორ უნდა დაიწყოთ:
- გაიარეთ ზემოთ მოყვანილი ხელსაწყოების დაყენება , რათა დააინსტალიროთ Jekyll (საიტის შემქმნელი) და სხვა Ruby დამოკიდებულებები
bundle install
. - root
/bootstrap
დირექტორიადან, გაუშვითnpm run docs-serve
ბრძანების სტრიქონში. - გახსენით
http://localhost:9001
თქვენს ბრაუზერში და voilà.
შეიტყვეთ მეტი ჯეკილის გამოყენების შესახებ მისი დოკუმენტაციის წაკითხვით .
Დიაგნოსტიკა
თუ დამოკიდებულებების დაყენებისას პრობლემები შეგექმნათ, წაშალეთ დამოკიდებულების ყველა წინა ვერსია (გლობალური და ადგილობრივი). შემდეგ, ხელახლა გაუშვით npm install
.