Pytania otagowane jako webpack

Webpack to pakiet modułów JavaScript. Webpack pobiera moduły z zależnościami i generuje statyczne zasoby reprezentujące te moduły. Kluczowe funkcje Webpack są zakorzenione w rozszerzalności i umożliwiają programistom korzystanie z najlepszych praktyk w zakresie architektury sieciowej i wydajności sieci.

9
Jak zezwolić serwerowi webpack-dev-server, aby zezwolił na punkty wejścia z routera reaktywnego
Tworzę aplikację, która korzysta z webpack-dev-server w fazie rozwoju wraz z responsywnym routerem. Wygląda na to, że webpack-dev-server jest zbudowany w oparciu o założenie, że będziesz mieć publiczny punkt wejścia w jednym miejscu (np. "/"), Podczas gdy react-router pozwala na nieograniczoną liczbę punktów wejścia. Chcę korzystać z zalet serwera webpack-dev-server, …
3
HtmlWebpackPlugin wstrzykuje pliki ścieżek względnych, które są przerywane podczas ładowania ścieżek innych niż root witryny
Używam pakietu webpack i HtmlWebpackPlugin do wstrzyknięcia pakietów js i css do pliku szablonu html. new HtmlWebpackPlugin({ template: 'client/index.tpl.html', inject: 'body', filename: 'index.html' }), I tworzy następujący plik html. <!doctype html> <html lang="en"> <head> ... <link href="main-295c5189923694ec44ac.min.css" rel="stylesheet"> </head> <body> <div id="app"></div> <script src="main-295c5189923694ec44ac.min.js"></script> </body> </html> Działa to dobrze podczas …
6
Webpack 4 - Jak skonfigurować minimalizację?
Webpack 4 zawiera następujące oświadczenie: webpack.optimize.UglifyJsPlugin został usunięty, użyj zamiast tego config.optimization.minimize. W porządku, ale nie mogę znaleźć żadnych informacji o konfigurowaniu instancji UglifyJsPlugin działającej pod maską, na przykład w celu zmiany katalogu pamięci podręcznej. Czy można to zrobić?
20
React-Native: Module AppRegistry nie jest zarejestrowanym modułem wywoływalnym
Obecnie próbuję uzyskać serwer reagujący-natywny-webpack z ES6 działający na emulatorze Androida. Różnica polega na tym, że zaktualizowałem mój package.jsoni build.gradedo korzystania z reagowania 0.18.0i otrzymuję ten błąd podczas rozruchu. O ile wiem, AppRegistryjest importowany poprawnie. Nawet gdybym wykomentował kod, ten błąd nadal się pojawia. Działa to bez problemu na iOS. …
5
Jak uzyskać dostęp do serwera webpack-dev z urządzeń w sieci lokalnej?
Istnieje konfiguracja serwera deweloperskiego pakietu webpack (jest to część całej konfiguracji): config.devServer = { contentBase: './' + (options.publicFolder ? options.publicFolder : 'public'), stats: { modules: false, cached: false, colors: true, chunk: false }, proxy: [{ path: /^\/api\/(.*)/, target: options.proxyApiTarget, rewrite: rewriteUrl('/$1'), changeOrigin: true }] }; function rewriteUrl(replacePath) { return function …
7
Wystaw jQuery na rzeczywisty obiekt Window za pomocą Webpack
Chcę wystawić obiekt jQuery na globalny obiekt okna, który jest dostępny w konsoli programisty w przeglądarce. Teraz w mojej konfiguracji webpacka mam następujące linie: plugins: [ new webpack.ProvidePlugin({ $: 'jquery', jQuery: 'jquery' }) ] Te wiersze dodają definicje jQuery do każdego pliku w moich modułach webpack. Ale kiedy buduję projekt …
4
Jak przechowywać plik konfiguracyjny i czytać go za pomocą React
Jestem nowy na respons.js Zaimplementowałem jeden komponent, w którym pobieram dane z serwera i używam ich jak, CallEnterprise:function(TenantId){ fetchData('http://xxx.xxx.xx.xx:8090/Enterprises?TenantId='+TenantId+' &format=json').then(function(enterprises) { EnterprisePerspectiveActions.getEnterprise(enterprises); }).catch(function() { alert("There was some issue in API Call please contact Admin"); //ComponentAppDispatcher.handleViewAction({ // actionType: MetaItemConstants.RECEIVE_ERROR, // error: 'There was a problem getting the enterprises' //}); }); }, …
17
Maszynopis reagować - nie można znaleźć pliku deklaracji dla modułu „Reaguj-materializuj”. „ścieżka / do / nazwa-modułu.js” niejawnie ma dowolny typ
Próbuję zaimportować komponenty z Re-materialize jako - import {Navbar, NavItem} from 'react-materialize'; Ale kiedy webpack kompiluje mój .tsx, generuje błąd dla powyższego, ponieważ - ERROR in ./src/common/navbar.tsx (3,31): error TS7016: Could not find a declaration file for module 'react-materi alize'. 'D:\Private\Works\Typescript\QuickReact\node_modules\react-materialize\l ib\index.js' implicitly has an 'any' type. Wszelkie rozwiązania tego …
19
Odmówiono załadowania czcionki „data: font / woff…”, narusza to następującą dyrektywę Content Security Policy: „default-src 'self'”. Zwróć uwagę, że „font-src”
Moja reakcja webApp daje ten błąd w konsoli przeglądarki Refused to load the font 'data:font/woff;base64,d09........' because it` `violates the following Content Security Policy directive: "default-src` `'self'". Note that 'font-src' was not explicitly set, so 'default-src' is used as a fallback. Również: Refused to connect to 'ws://localhost:3000/sockjs-node/782/oawzy1fx/websocket' because it violates the …
6
webpack nie może znaleźć modułu, jeśli plik o nazwie jsx
Jak piszę webpack.config.js w ten sposób module.exports = { entry: './index.jsx', output: { filename: 'bundle.js' }, module: { loaders: [{ test: /\.jsx?$/, exclude: /node_modules/, loader: 'babel', query: { presets: ['es2015', 'react'] } }] } }; I index.jsximportuję reactmodułApp import React from 'react'; import { render } from 'react-dom'; import App …
5
Dynamicznie importuj obrazy z katalogu za pomocą pakietu internetowego
Oto mój bieżący proces importowania obrazów i ikon w pakiecie internetowym za pośrednictwem ES6: import cat from './images/cat1.jpg' import cat2 from './images/cat2.svg' import doggy from './images/doggy.png' import turtle from './images/turtle.png' <img src={doggy} /> To szybko się brudzi. Oto, czego chcę: import * from './images' <img src={doggy} /> <img src={turtle} /> …
Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.