javascript - Webpack - Richiedere immagini usando file-loader

Sto usando Webpack per la mia app React.

Ho installato 'File-loader' e 'Url-loader' nella mia configurazione di webpack.

Tuttavia, non sono sicuro di come collegare le immagini ai miei componenti. Sto tenendo il 'src' per l'immagine in un file 'Data.js' da cui passo i dati per l'immagine al componente React.

Il mio webpack.config.js:

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

Continua a leggere →

javascript - Perché il mio bundle Webpack è così grande?

Sto scrivendo del JavaScript che utilizza Moment.js e Handlebars. Moment.js dovrebbe essere di 30 KB compresso in gzip e Handlebars dovrebbe essere meno di 10 KB compresso in gzip. Ma quando uso Webpack per bundlare il mio codice, ottengo un file risultante di 271 KB!

Ho installato webpack-bundle-size-analyzer per indagare e ho trovato fil

Continua a leggere →

javascript - Come NON risolvere i percorsi con Webpack?

Sto lavorando a un progetto ReactJs con Webpack e sass-loader, css-loader e url-loader.

Vorrei non risolvere i percorsi dei font-face e mantenerli esattamente come erano impostati nel file SASS.

Il problema:

Se chiamo un percorso assoluto (a

Continua a leggere →

javascript - Webpack non può importare il pacchetto installato da git

Quindi ho fatto un fork di un pacchetto su git. Ho fatto le mie modifiche. Poi nel mio terminale

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

E poi cerco di importare il pacchetto nel mio codice così

import DDP from 'ddp.js'

Ma webpack mi dà questo errore

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

Continua a leggere →

javascript - Plugin di Webpack: Come aggiungere dinamicamente un loader a un modulo?

Sto scrivendo un plugin per Webpack. Durante la risoluzione dei moduli, questo plugin dovrebbe aggiungere dinamicamente un loader specifico per alcuni moduli, ma non per tutti.

La mia idea in questo momento è di collegarmi all'evento after-resolve di normal-modul

Continua a leggere →

javascript - Raggruppamento del componente stencil con webpack

Qualcuno sa come fare il bundling del componente web creato con Stencil usando webpack? Ho più componenti Stencil e ho bisogno di creare un bundle in modo da poterlo usare in altri progetti.

Risposta n. 1

Ionic ha sviluppato un StencilPlugin per webpack, che permette di importare facilmente i componenti utilizzando il bundler webpack.

Potresti essere anche interessato a questo eccellente articolo che spiega in maggior dettaglio come utilizzare

Continua a leggere →

javascript - L'argomento path di Webpack non è una stringa

Mi sono scervellato cercando di capire perché Webpack dica che per il modulo di ingresso "app", il percorso non è una stringa. Non è esattamente lo stesso degli altri errori che ho letto su Stackoverflow, ed è per questo che mi spinge a fare la domanda da solo.

Sto usando l'ultima versione di Webpack (5.16) e Webpack-cli (4.4) e st

Continua a leggere →

javascript - Modifiche incompatibili di Webpack per i moduli integrati su un sito Gatsby

Ho provato a distribuire il mio sito Gatsby su Netlify, ma continuo a ricevere questi errori per vari moduli Node ogni volta che provo a distribuire. Ho provato a creare un file webpack.config.js e a includere entrambe le soluzioni suggerite senza successo. Ho anche provato a usare alias invece

Continua a leggere →

javascript - Aggiungi Dipendenza nel Plugin di Webpack

È possibile aggiungere una dipendenza dall'interno di un plugin Webpack? Sto generando file che utilizzano template, quando questi template cambiano vorrei che webpack --watch innescasse un'altra build.

Ecco il plugin:

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

Continua a leggere →

javascript - webpack-dev-server non crea la cartella dist in locale

Il webpack-dev-server sta eseguendo correttamente il bundling dei file html, scss e js e l'output viene anche servito su localhost:8080, ma la cartella dist non viene creata in locale. Di seguito è riportata la mia configurazione di webpack:

var extractPlugin = new ExtractTextPlugi

Continua a leggere →