Source

Сохтани асбобҳо

Бифаҳмед, ки чӣ тавр истифода бурдани скриптҳои дохилшудаи Bootstrap npm барои сохтани ҳуҷҷатҳои мо, тартиб додани коди сарчашма, санҷишҳо ва ғайра.

Танзимоти асбобҳо

Bootstrap барои системаи сохтани худ скриптҳои NPM -ро истифода мебарад. Package.json мо дорои усулҳои мувофиқ барои кор бо чаҳорчӯба, аз ҷумла тартиб додани код, иҷро кардани санҷишҳо ва ғайра.

Барои истифодаи системаи сохтани мо ва иҷро кардани ҳуҷҷатҳои мо ба таври маҳаллӣ, ба шумо нусхаи файлҳои ибтидоии Bootstrap ва Node лозим аст. Ин қадамҳоро иҷро кунед ва шумо бояд ба рок омода бошед:

  1. Node.js -ро зеркашӣ ва насб кунед , ки мо онро барои идоракунии вобастагии худ истифода мебарем.
  2. /bootstrapБа директорияи решавӣ гузаред ва npm installбарои насб кардани вобастагии маҳаллии мо, ки дар package.json номбар шудаанд, иҷро кунед.
  3. Ruby -ро насб кунед, Bundler -ро бо -ро насб кунед gem install bundlerва дар ниҳоят иҷро bundle installкунед. Ин ҳама вобастагии Ruby, ба монанди Jekyll ва плагинҳоро насб мекунад.
    • Истифодабарандагони 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 нигоҳ медорем. Барои тафсилот ба /package.json нигаред.

Ҳуҷҷатҳои маҳаллӣ

Иҷрои ҳуҷҷатҳои мо ба таври маҳаллӣ истифодаи Jekyll-ро талаб мекунад, як генератори сайти статикии ба таври қобили мулоҳиза, ки ба мо пешниҳод мекунад: асосӣ, файлҳои дар асоси Markdown асосёфта, қолабҳо ва ғайра. Ин аст, ки чӣ тавр онро оғоз кунед:

  1. Барои насб кардани Jekyll (созандаи сайт) ва дигар вобастагии Ruby бо bundle install.
  2. /bootstrapАз директорияи решавӣ , npm run docs-serveдар сатри фармон иҷро кунед.
  3. http://localhost:9001Дар браузери худ кушоед ва voilà .

Дар бораи истифодаи Jekyll бо хондани ҳуҷҷатҳои он маълумоти бештар гиред .

Мушкилкушо

Агар шумо ҳангоми насб кардани вобастагӣ ба мушкилот дучор шавед, ҳама версияҳои қаблии вобастагӣ (глобалӣ ва маҳаллӣ) хориҷ кунед. Сипас, такрор npm installкунед.