У чым розніца паміж вуглавымі CLI, Webpack, Browsersync і г.д.?


адказ 1:

Трэба ісці крок за крокам.

Што такое webpack? Webpack з'яўляецца модулем. Я не лічу гэтае вызначэнне вельмі карысным, таму паспрабую апісаць, у чым ён дапамагае:

  • Ён кіруе залежнасцямі вашага прыкладання ад трэціх бакоў. Калі вы ўсталёўваеце бібліятэкі з npm, вы можаце імпартаваць гэтыя файлы з Webpack, выкарыстоўваючы розныя падыходы модуля JavaScript (напрыклад, AMD, CommonJS), нядаўна з афіцыйнай спецыфікацыяй модуля ES2015 (таксама вядомай як ES6). Глядзіце тут: ES2015 - Jump start З дапамогай гэтай функцыі вы можаце выконваць "расшчапленне кода", напрыклад. B. Разбіце модулі JavaScript на розныя файлы / пакеты, каб палепшыць кэшаванне або затрымку загрузкі. Вы можаце выкарыстоўваць убудовы для мінімізацыі і ланцужкі вашых файлаў, каб яны былі гатовыя. Прадукцыя ў вытворчасці (таму што вы хочаце звесці да мінімуму вашыя файлы па прычынах прадукцыйнасці). Вы таксама можаце выкарыстоўваць убудовы для выканання іншых задач, напрыклад: B. убудаваныя выявы альбо кампіляцыя SASS да CSS і г.д.

Увогуле, гэта як у запуску задач, у якога ўжо ёсць вялікая колькасць убудоў, гатовых да вас, і якія спраўляюцца з большасцю выпадкаў выкарыстання, якія могуць адбыцца.

Што такое BrowserSync? BrowserSync - гэта інструмент, які сінхранізуе файлы вашага кода з адным або некалькімі браўзарамі. Напрыклад, калі вы запусціце прыкладанне, якое вы распрацоўваеце і выкарыстоўваеце Browsersync, падключэнне WebSocket да сервера распрацоўкі застаецца, а калі вы змяніце файл, у браўзэры ажыццяўляецца абнаўленне. Вы таксама можаце падключыць afaik да некалькіх браўзэраў, якія паводзяць сябе аднолькава. Напрыклад, калі вы пракруціце ў адным акне, усе астатнія пракручваюцца. Гэта можа апынуцца вельмі карысным пры праверцы мабільных прылад.

Што такое вуглавы CLI? Angular CLI - гэта проста інтэрфейс каманднага радка, які аб'ядноўвае некаторыя з вышэйзгаданых метадаў. Каб дапамагчы вам стварыць код, прытрымлівайцеся лепшых практык афіцыйнага Angular 2 StyleGuide. Пад каўпаком webpack выкарыстоўваецца для таго, каб выканаць менавіта тое, пра што мы згадвалі вышэй (мінімізаваць, збіраць файлы і г.д.). Розніца заключаецца ў тым, што вам не трэба ведаць, як працуе Webpack, як гэта трэба наладзіць і наладзіць. Гэта робіцца для вас CLI, відавочна ў межах.

Як я магу разгарнуць, калі я не выкарыстоўваю CLI? Вам застанецца толькі выкарыстоўваць Webpack (альбо іншы камп'ютэрны модуль + Runner Run) і пісаць канфігурацыю самастойна. Гэта зусім выдатна, і ёсць некалькі добрых закусак:

  • Выкарыстанне Webpack: AngularClass / angle2-webpack-Starter з выкарыстаннем SystemJS і Gulp: mgechev / angle2-seed

Каб назваць толькі два з іх.