javascript - Webpack - Képek betöltése a File-Loader használatával

Webpacket használok a React alkalmazásomhoz.

Telepítettem a 'File-loader'-t és az 'Url-loader'-t a webpack konfigurációmba.

Azonban nem vagyok biztos abban, hogyan kapcsolhatom az képeket a komponenseimhez. A kép 'src'-ét egy 'Data.js' fájlban tárolom, ahonnan átadom az adatot a képnek a React komponensnek.

A webpack.config.js fájlom:

... const PATHS = { app : path.join( __dirname, "app" ), build : path.join( __dirname, "build" ) }; const common = {

További információ →

javascript - Miért olyan nagy a Webpack csomagom?

Éppen JavaScriptet írok, amely Moment.js-t és Handlebars-t használ. A Moment.js állítólag 30 KB gzipelve, és a Handlebars állítólag kevesebb, mint 10 KB gzipelve. De amikor Webpackkel csomagolom a kódomat, egy 271 KB-os fájlt kapok eredményül!

Telepítettem a webpack-bundle-size-analyzer-t, hogy vizsgálódjak, és sokkal nagyobb fájlokat talá

További információ →

javascript - Hogyan NE oldjunk fel útvonalakat Webpackkel?

Egy ReactJs projekten dolgozom Webpackkel és sass-loader, css-loader & url-loader használatával.

Szeretném nem feloldani a font-face útvonalakat, és pontosan úgy megtartani, ahogy a SASS fájlban be volt állítva.

A probléma:

Ha egy abszolút e

További információ →

javascript - A Webpack nem tudja importálni a gitből telepített csomagot

Szóval fork-oltam egy csomagot a gitben. Megcsináltam a változtatásaimat. Aztán a terminálomban

npm install --save git+https://github.com/hayk94/ddp.js.git

Ezután megpróbálom a csomagot így importálni a kódomba

import DDP from 'ddp.js'

De a webpack ezt a hibát adja

ERROR in ./main.js Module not found: Error: Can't resolve 'ddp.js' in '/Users/hayksafaryan/projects/b2cEmbedLib' @ ./main.js 23:11-28 @ multi (webpack)-dev

További információ →

javascript - Webpack plugin: Hogyan lehet dinamikusan hozzáadni egy loadert egy modulhoz?

Webpack bővítményt írok. A modulfeloldás során ennek a bővítménynek dinamikusan hozzá kell adnia egy bizonyos betöltőt néhány modulhoz, de nem mindenhez.

Az ötletem most az, hogy csatlakozzak a normal-module-factory after-resolve eseményéhez. Ott módosítha

További információ →

javascript - Stencil komponens csomagolása webpack-pel

Tud valaki arról, hogyan lehet a Stencil-lel létrehozott webkomponenst Webpack segítségével csomagolni? Több Stencil-komponensem van, és létre kell hoznom egy csomagot, hogy más projektekben is használhassam.

Válasz #1

Az Ionic kifejlesztett egy StencilPlugin-t a webpack számára, amely lehetővé teszi az összetevők egyszerű importálását a webpack csomagoló használatával.

Érdekelhet még ez a kiváló cikk is, amely részletesebben elmagyarázza, hogy

További információ →

javascript - A Webpack path argumentuma nem sztring

Folyamatosan töprengek azon, hogy miért mondja a Webpack az "app" belépési modulnál, hogy az útvonal nem egy string. Nem egészen ugyanaz, mint a többi hibák, amiket a Stackoverflow-n olvastam, ezért úgy döntöttem, hogy magam teszem fel a kérdést.

A legújabb Webpacket (5.16) és Webpack-cli-t (4.4) használom, és megpróbálom ezt Node-

További információ →

javascript - Webpack beépített modulokkal kapcsolatos törő változások Gatsby oldalon

Megpróbáltam a Gatsby oldalamat a Netlify-ra telepíteni, de mindig ezek a hibák jelennek meg különböző node modulokkal, amikor megpróbálom a telepítést. Megpróbáltam létrehozni egy webpack.config.js fájlt, és mindkét javasolt megoldást belefoglalni, de nem járt sikerrel. Próbáltam alias-t haszn

További információ →

javascript - Függőség hozzáadása Webpack bővítményben

Lehetséges egy függőség hozzáadása egy Webpack pluginból? Fájlokat generálok sablonok használatával, és amikor ezek a sablonok megváltoznak, szeretném, ha a webpack --watch új építést indítana.

Itt van a bővítmény:

function BlahPlugin (options) { this.options = options; } BlahPlugin.prototype.apply = function (com

További információ →

javascript - a webpack-dev-server nem hozza létre a dist mappát helyben

A webpack-dev-server sikeresen csomagolja az html, scss és js fájlokat, és a kimenet is kiszolgálásra kerül a localhost:8080 címen, de a dist mappa nem jön létre a helyi gépen. A következő a webpack konfigurációm:

var extractPlugin = new ExtractTextPlugin({ filename: 'main.css'

További információ →