#nodejs #webpack
Pytanie, jaka jest praktyka w odpalaniu kodu na produkcji - wysyłamy cały kod źródłowy, czy tylko bundle z webpacka i robimy przekierowanie z nginx na serwer?
  • 3
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Witajcie!

Stworzyłem aplikację webową, dzięki której skonfigurujecie pliki konfiguracyjne WebPack'a oraz pokrewne (package.json, .babelrc) jedynie za pomocą graficznego interfejsu użytkownika.

Aplikacja może mieć jakieś pomniejsze bugi, jednakże configi które na niej do tej tworzyłem działały prawidłowo, więc liczę na to, że Wam również niemiłe niespodzianki się nie przydarzą. A jeśli jednak, to zapraszam do reportowania ich tutaj, bądź na GitHubie.

Narzędzie
  • 3
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Mam aplikacje korzystającą z Anglara 2, Webpacka 2 i Bootstrapa 4. Wszędzie zalecają, żeby style Bootstrapa podpinać pod główny komponent app.component, co nie koniecznie mi się podoba. Chciałbym, żeby Webpack kompilował Bootstrapa do pliku dołączonego w klasyczny sposób, a style poszczególnych komponentów były dołączane dynamicznie. Jak się za to zabrać? Jest to w ogóle możliwe? Czy musiałbym mieć do tego celu Gulpa + Webpacka?


#webdev #webpack #
  • 4
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

ten pie chart co dałeś - rozmiar czerwonego powinien być wielkości żółtego, biorąc pod uwagę liczbę wciąż powstających cokolwiekJS.


U mnie ostatnio powiększa się niebieskie ;P

Skoro Ci w końcu wszystko zadziałało, to czemu wracasz do gulpa?


@
  • Odpowiedz
Robię bibliotekę w JS którą chcę umieścić w NPM. Używa ona modułów. Kompiluję to za pomocą Webpack 2 z użyciem babel-loader i presetem es2015. Problem jest taki że jak w osobnym projekcie, również kompilowanym przez Webpack, próbuję zaimportować ten skompilowany plik to się nic nie importuje, jest pusty obiekt. Jeśli za to zrobię import kodu źródłowego tej biblioteki to jest ok. W skompilowanym pliku widzę widzę swój kod, jakieś module.exports itd.
  • 5
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Jaka jest wasza opinia na temat #webpack? Dotychczas korzystałem z Gulpa, ale dla testu w jednym projekcie zamiast Gulpa użyłem Webpacka.

Kilka spostrzeżeń:
- Filozofia konfiguracji jest bardziej zbliżona do Grunta (pamięta ktoś jeszcze Grunta?)
- Jest zauważalnie szybszy od Gulpa
- Wydaje się dużo bardziej zaawansowanym narzędziem i dużo "sprytniejszym". Na początku ciężko zrozumieć mechanizm
  • 7
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@tylkostrimi:
A to akurat prawda, jeszcze bardziej sprawę pogarsza lakoniczna dokumentacja i to że zmienili nieco składnię w dwójce, co może wywoływać mindfuck gdy niefortunnie trafimy na starszy tutorial.
W przypadku loaderów to jest wyjątkowo pogmatwane, np. ten ExtractTextPlugin najpierw trzeba zaimportować, potem w loaderach użyć jego metody extract z konkretnymi loaderami jako argumentami (onegdaj była tam ta kosmiczna składnia z oddzielaniem loaderów przez wykrzykniki, w dwójce już można dać je
  • Odpowiedz
szukam jakiegoś boilerplate'a webpack+react+Sass+live reload, jest w ogóle coś takiego w internetach? Do tej pory używałem gulpa ale build trwa ~4 sekundy, jak dorzuciłem React-Bootstrap to skoczyło do 8-10s, więc trochę lipa. A może jest w ogóle jest inna alternatywa.
#react #js #webdev #webpack
  • 2
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Ogarnia ktoś Webpacka i odpowiedziałby na kilka pytań, bo już p-------a dostaję?

Na początek, mam taką strukturę projektu:

/node_modules/
/src/
  • 3
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

masz moj config do webpacka:

const webpack = require('webpack');
module.exports = {
// the main entry of our app
entry: ['./src/index.js', './src/auth/index.js'],
  • Odpowiedz
@zukuS: po co kombinujesz pod gorke jak jest dostepny template vue-webpack ? Rozumiem, ze pewne rzeczy warto rozumiec itp a nie kopiowac, ale nie ma co wynajdowac kola od nowa.
  • Odpowiedz
Słyszałeś o #warsawjs? Jeśli jeszcze nie to zobacz ten film: https://www.youtube.com/watch?v=5003uFm7WSE
WarsawJS to organizacja, której celem jest aktywizacja warszawskich developerów #javascript do tego,
aby poznali się i wymieniali doświadczeniami.

Podczas tego spotkania wysłuchamy 2 prelekcji:
➨ Michał Janaszek: Single-page application loading time optimization. Powered by Webpack, React, Node.js and isomorphic-style-loader
  • 14
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@karer co w tym dziwnego że ludzie z branży się spotykają? Ja np często bywam na meetupach w Krakowie, i raczej żeby dowiedzieć się czegoś nowego i ponetworkingowac a nie lizać komuś rowa :-D
  • Odpowiedz
@karer: krytykujesz ludzi, którzy tkwią na siłę w czystej developerce. Są jednak też tacy developerzy, którzy rozwijają oprogramowanie z zamiłowania i potrafią dostarczyć naprawdę doskonałe narzędzia dla innych developerów przez co czynią daną technologię bardziej konkurencyjną. Z tej perspektywy istotne jest już czy to JS czy inny język. Zwróć więc uwagę, że meeting to jest też miejsce gdzie znajduje się czas na snucie wspólnych planów, inspiracje oraz rozpoznawanie potrzeb innych.
  • Odpowiedz
#webdev Jakie są zalety #webpack nad #gulp ? Faktycznie lepiej używać webpacka? Znajdę tam wszystko co w gulpie tj browser-sync, watchery, kompilacje typescripta, jade, sassa, kopiowanie assetów itd?
  • 11
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Webpack ma mnóstwo rzeczy wbudowanych, gulp ma podstawowe funkcje a reszte załatwia się pluginami. Gulp ma czytelniejszą konfiguracje, webpack jest teraz hot. Jak to w świecie jsowym: za pół roku powstanie kolejny runner/bundler który zdobędzie serca programistów i ze wsząd będziesz słyszal że trzeba migrować. Używam gulpa, bawiłem się webpackiem, rezultaty podobne - używaj tego co ci się bardziej podoba.
  • Odpowiedz
@babysteps: Odnośnie .babelrc to szczerze mówiąc nie wiem, wiem tylko że aktualizując babela na z wersji 5.ileśtam do wersji 6.ileśtam wymaga tego pliku więc po prostu go stworzyłem i nie wnikałem dalej :)

Co do promised-mongo to wg mnie lepiej korzystać z wrappera choćby z tego powodu, że BlueBird reimplementuje funkcje dodając do nich suffix "async" nie modyfikując istniejących. Czyli nie będzie findOne tylko findOneAsync itp itd. I w mojej opinii
  • Odpowiedz
#javascript #webpack #webdev
Dawno nie robiłem nic dla siebie. Uwielbiałem kiedyś JADE, ale przez zmianę nazwy, chyba niema co chwilowo się jeszcze ładować w PUG :P

Jaki preprocessor HTML byście polecali obecnie? Głównie chodzi o składnię podobną jak w JADE a nie jako użycie jako systemu templatek, bo apka i tak pod angulaem2 :P
  • 6
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

  • 0
@npsr: ale oprócz zmiany nazwy chyba nic więcej sie nie zmienia? ostatnio liznąłem JADE i jest mega wygodne
  • Odpowiedz
W wolnych chwilach (czyli prawie wcale) dziergam sobie starter packa z #webpack #angular 2 ES 2015 i takimi tam babolami.
Nie jestem fanem "frameworków" UI no ale w tym przypadku wypadałoby coś zamontować.

Co najlepiej (poza bootstrapem, który wiem, że się nadaje, ale wolał bym uniknąć) najlepiej współpracuje z npm, webpackiem bez gulpa, bez bowera czy innych takich?

Nie chcę bałaganu. Na początku myślałem o semantic UI, ale
  • 2
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach