Source

Багаж хэрэгсэл бүтээх

Bootstrap-д орсон npm скриптүүдийг манай баримт бичгийг бүтээх, эх кодыг эмхэтгэх, тест ажиллуулах болон бусад зүйлд хэрхэн ашиглах талаар суралцаарай.

Багажны тохиргоо

Bootstrap нь бүтээх системдээ NPM скрипт ашигладаг. Манай package.json нь кодыг эмхэтгэх, тест ажиллуулах гэх мэт фреймворктой ажиллахад тохиромжтой аргуудыг агуулдаг.

Манай бүтээх системийг ашиглаж, манай баримт бичгийг дотооддоо ажиллуулахын тулд танд Bootstrap-ийн эх файл болон Node-ийн хуулбар хэрэгтэй болно. Эдгээр алхмуудыг дагана уу, та рок хийхэд бэлэн байх ёстой:

  1. Бид өөрсдийн хамаарлыг удирдахад ашигладаг Node.js-г татаж аваад суулгаарай .
  2. Үндсэн /bootstrapлавлах руу шилжиж, package.jsonnpm install -д жагсаасан манай локал хамаарлыг суулгахын тулд ажиллуулна уу .
  3. Ruby -г суулгаж, Bundler -ийг суулгаад gem install bundlerэцэст нь ажиллуулна bundle install. Энэ нь Jekyll болон залгаасууд гэх мэт бүх Ruby хамаарлыг суулгах болно.

Дууссаны дараа та тушаалын мөрөөс өгсөн янз бүрийн тушаалуудыг ажиллуулах боломжтой болно.

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 нь бүтээх үед зарим CSS шинж чанаруудад үйлдвэрлэгчийн угтварыг автоматаар нэмэхийн тулд Autoprefixer (бидний бүтээх процесст багтсан) ашигладаг. Үүнийг хийснээр бидэнд CSS-ийн гол хэсгүүдийг нэг удаа бичих боломжийг олгож, v3-д байдаг шиг нийлүүлэгчийн хольцын хэрэгцээг арилгаснаар бидэнд цаг хугацаа, кодыг хэмнэдэг.

Бид Autoprefixer-ээр дэмжигдсэн хөтчүүдийн жагсаалтыг GitHub репозиторын доторх тусдаа файлд хадгалдаг. Дэлгэрэнгүйг /package.json-оос үзнэ үү.

Орон нутгийн баримт бичиг

Манай баримт бичгийг орон нутагт ажиллуулахын тулд бидэнд үндсэн, Markdown-д суурилсан файлууд, загварууд болон бусад зүйлсийг хангадаг уян хатан статик сайт үүсгэгч Jekyll-ийг ашиглах шаардлагатай. Үүнийг хэрхэн эхлүүлэх вэ:

  1. Jekyll (сайт бүтээгч) болон Ruby-ийн бусад хамаарлыг суулгахын тулд дээрх багаж хэрэгслийн тохиргоог гүйлгэн ажиллуулна уу bundle install.
  2. Үндсэн /bootstrapлавлахаас npm run docs-serveтушаалын мөрөнд ажиллуулна уу.
  3. Хөтөч дээрээ нээгээд http://localhost:9001, voilà.

Jekyll-ийг ашиглах талаар түүний баримт бичгийг уншина уу .

Алдааг олж засварлах

Хэрэв та хамаарлыг суулгахад асуудал гарвал өмнөх бүх хамаарлын хувилбаруудыг (дэлхий болон орон нутгийн) устгана уу. Дараа нь дахин ажиллуул npm install.