Zbudowałem stronę internetową z React.js i pakietem webpack . Chcę używać czcionek Google na stronie, więc wstawiam link w sekcji. Czcionki Google <link href="https://fonts.googleapis.com/css?family=Bungee+Inline" rel="stylesheet"> I ustaw CSS body{ font-family: 'Bungee Inline',...
Jaka jest różnica między programami ładującymi a wtyczkami w pakiecie internetowym? Dokumentacja dla wtyczek tylko mówi: Użyj wtyczek, aby dodać funkcje zwykle związane z pakietami w pakiecie internetowym. Wiem, że babel używa programu ładującego do transformacji jsx / es2015, ale wygląda na...
Interesuje mnie Chrome Memory Cache vs Disk Cache? Używam webpacka, popularnej wtyczki chunks i generuję wszystkie moje pliki za pomocą chunkhash. Czym różni się pamięć od podręcznej pamięci dyskowej. Kiedy przeładowuję stronę, niektóre pliki są ładowane z pamięci podręcznej, a niektóre z...
Mam projekt napisany w ES6 z pakietem webpack. Większość transpilingów działa dobrze, ale kiedy próbuję dodać dekoratory w dowolnym miejscu, pojawia się ten błąd: Decorators are not supported yet in 6.x pending proposal update. Przejrzałem narzędzie do śledzenia problemów Babel i nie udało mi...
Próbowałem uruchomić webpack --watchi po edycji moich plików JS nie powoduje to automatycznej rekompilacji. Próbowałem ponownie zainstalować webpackza pomocą, npm uninstallale nadal nie działa. Jakieś pomysły?
Pracuję nad aplikacją internetową React przy użyciu pakietu internetowego, luźno obok tego samouczka . Przypadkowo dodałem folder node_modules do mojego git. Następnie usunąłem go ponownie za pomocą git rm -f node_modules/*. Teraz, kiedy próbuję uruchomić serwer webpacka, pojawia się...
Mam problem polegający na tym, że mapy źródeł generowane przez Webpack przy użyciu inline-source-mapustawienia konfiguracyjnego są wyłączone o jeden wiersz, gdy używam debugera Chrome devtools. Webpack jest konfigurowany w aplikacji Ruby on Rails w celu generowania połączonego,...
Zaczynam pracę z webpackze node/expressśrodowiskiem rozwijającym się ReactJSpo stronie serwera aplikacji ze świadczonych react-router. Jestem bardzo zdezorientowany co do roli każdego pakietu webpack w środowiskach deweloperskich i prod (runtime). Oto podsumowanie mojego zrozumienia: webpack:...
Mam dużą liczbę plików javascript podzielonych na 4 podkatalogi w mojej aplikacji. Chwytam je wszystkie i kompiluję w jednym pliku. Te pliki nie mają funkcji module.exports. Chcę użyć webpacka i podzielić go na 4 części. Nie chcę wchodzić ręcznie i wymagać wszystkich moich plików. Chciałbym...
Poprzednie badania: Jak mówi wiki webpack, możliwe jest użycie narzędzia analitycznego w celu optymalizacji wydajności kompilacji: z: https://github.com/webpack/docs/wiki/build-performance#hints-from-build-stats Wskazówki ze statystyk budowy Istnieje narzędzie do analizy, które...
Mam kilka rzeczy do rozwoju - np. Makiety, którymi nie chciałbym nadużywać mojego dystrybuowanego pliku kompilacji. W RequireJS możesz przekazać konfigurację w pliku wtyczki i warunkowo wymagać jej wprowadzenia. Wydaje się, że w przypadku pakietu webpack nie ma sposobu, aby to zrobić. Po...
Właśnie stworzyłem zupełnie nowy angular-cliproject i uruchomiono npm install [email protected] jquery popper.js --save i zmieniono powiązane części pliku .angular-cli.json , jak poniżej "styles": [ "../node_modules/bootstrap/dist/css/bootstrap.css" ], "scripts": [...
Jestem bardzo nowy w pakiecie webpack. Odkryłem, że w wersji produkcyjnej możemy zmniejszyć rozmiar całego kodu. Obecnie pakiet webowy tworzy około 8 MB plików, a main.js około 5 MB. Jak zmniejszyć rozmiar kodu w kompilacji produkcyjnej? Znalazłem przykładowy plik konfiguracyjny webpacka z...
Stworzyłem vue webpackprojekt przy użyciu vue-cli. vue init webpack myproject Następnie uruchomiłem projekt w devtrybie: npm run dev Mam ten błąd: Nie udało się załadować zasobu: serwer odpowiedział statusem 404 (Nie znaleziono) http: // localhost: 8080 / favicon.ico Jak więc w...
Rzeczywistą aplikację widzę tylko pod /public. Konfiguracje w webpack.config.jssą poniżej: var path = require('path'); var webpack = require('webpack'); module.exports = { entry: [ 'webpack-dev-server/client?http://localhost:8080', 'webpack/hot/only-dev-server', './app/js/App.js' ],...
Widzę następujące błędy podczas próby uruchomienia mojej aplikacji ... > [email protected] start /Users/johnnynolan/Repos/css-modules webpack && otwórz index.html (node:5706) DeprecationWarning: Tapable.plugin is deprecated. Use new API on `.hooks`
Mam tę prostą aplikację HelloWorld React utworzoną z kursu online, ale pojawia się ten błąd: Nieprawidłowy obiekt konfiguracyjny. Pakiet Webpack został zainicjowany przy użyciu obiektu konfiguracyjnego, który nie pasuje do schematu interfejsu API. - konfiguracja ma nieznaną właściwość...
Na przykład @import url("~./foobar"); Widziałem to tutaj , nie jestem pewien, czy jest to coś specyficznego dla pakietu, czy też jest to rzeczywista składnia CSS.
Chciałbym wiedzieć, czy istnieje opcja konfiguracji nakazująca webpakowi, aby zapisywał tylko „ważne informacje” do terminala. Prawie tylko błędy i ostrzeżenia, a nie wszystko: Po prostu jest tak dużo wydajności! Chciałbym ukryć typowe rzeczy i mieć tylko webpack wypisywać ostrzeżenia /...
Jestem debiutantem webpacka, który chce się wszystkiego dowiedzieć. Napotkałem konflikt podczas uruchamiania pakietu internetowego, który mówi mi: ERROR in chunk html [entry] app.js Conflict: Multiple assets emit to the same filename app.js Co powinienem zrobić, aby uniknąć konfliktu? To...