Pytania otagowane jako webpack

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 to, że inne typowe zadania (na przykład wtyczka …

104 javascript  reactjs  webpack 

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', cursive; } Jednak to nie działa. Jak mogę rozwiązać ten problem?

104 reactjs  webpack  google-font-api 

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 pamięci podręcznej dysku (bundle.js i image.jpg z pamięci …

102 google-chrome  caching  webpack 

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 się tam niczego znaleźć, więc zakładam, …

101 javascript  webpack  ecmascript-6  babeljs  decorator 

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?

101 javascript  webpack  fsevents 

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ę następujący błąd: > webpack-dev-server -d --config webpack.dev.config.js --content-base public/ --progress --colors …

97 node.js  npm  webpack 

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, niezminimalizowanego pliku JavaScript składającego się z kilkudziesięciu modułów. Większość z tych modułów to …

96 javascript  ruby-on-rails  google-chrome  webpack  source-maps 

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 wizualizuje kompilację, a także zapewnia wskazówki, jak można zoptymalizować rozmiar kompilacji i wydajność kompilacji . Możesz wygenerować wymagany plik JSON, uruchamiając pakiet webpack …

96 optimization  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 stworzyć wtyczkę, która podczas kompilacji …

96 javascript  build  webpack 

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: Jest pakietem, narzędziem do łączenia różnych elementów aplikacji internetowej i umieszczania ich w jednym pliku .js …

96 javascript  node.js  webpack  webpack-dev-server  webpack-dev-middleware 

Właśnie stworzyłem zupełnie nowy angular-cliproject i uruchomiono npm install bootstrap@4.0.0-beta 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": [ "../node_modules/jquery/dist/jquery.js", "../node_modules/popper.js/dist/popper.js", "../node_modules/bootstrap/dist/js/bootstrap.js" ], jednak otrzymując poniższy błąd 10:2287 Uncaught SyntaxError: Unexpected token export at eval (<anonymous>) at webpackJsonp.../../../../script-loader/addScript.js.module.exports (addScript.js:9) at Object.../../../../script-loader/index.js!../../../../popper.js/dist/popper.js …

95 twitter-bootstrap  angular  webpack  popper.js 

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 Internetu i skonfigurowałem dla mojej aplikacji i uruchomiłem …

95 node.js  reactjs  npm  webpack  webpack-dev-server 

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 pierwsze, aby utworzyć konfigurację środowiska uruchomieniowego dla …

95 javascript  build  conditional  require  webpack 

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 pakiecie internetowym favicon.icopoprawnie zaimportować plik?

94 html  ecmascript-6  webpack  vue.js  favicon 

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' ], output: { path: path.join(__dirname, 'public'), filename: 'bundle.js', publicPath: 'http://localhost:8080' }, module: { loaders: [ { test: /\.js$/, loaders: ['react-hot', 'babel-loader'], exclude: /node_modules/ } …

92 node.js  reactjs  webpack  reactjs-flux  webpack-dev-server