javascript - Webpack - Krev bilder ved bruk av file-loader
Jeg bruker Webpack for min React-app.
Jeg installerte 'File-loader' og 'Url-loader' i min webpack-konfigurasjon.
Men jeg er ikke sikker på hvordan jeg skal koble bilder til komponentene mine. Jeg holder 'src' for bildet i en 'Data.js'-fil hvorfra jeg sender dataene for bildet til React-komponenten.
Min webpack.config.js:
... const PATHS = { app : path.join( __dirname, "app" ), build : path.join( __dirname, "build" ) }; const common Les mer →javascript - Hvorfor er Webpack-bunten min så stor?
Jeg skriver noe JavaScript som bruker Moment.js og Handlebars. Moment.js skal være 30 KB gzippet og Handlebars skal være mindre enn 10 KB gzippet. Men når jeg bruker Webpack for å pakke koden min, får jeg en resulterende fil som er 271 KB!
Jeg installerte webpack-bundle-size-analyzer for å undersøke og fant mye større filer enn forventet:
Les mer →javascript - Hvordan IKKE løse stier med Webpack?
Jeg jobber med et ReactJs-prosjekt med Webpack og sass-loader, css-loader og url-loader.
Jeg ønsker ikke å løse opp font-face-banene og beholde dem nøyaktig slik de var satt i SASS-filen.
Problemet:
Hvis jeg kaller en absolutt sti (dvs.:
Les mer →javascript - Webpack kan ikke importere pakke installert fra git
Så jeg gaffet en pakke i git. Laget mine endringer. Så i terminalen min
npm install --save git+https://github.com/hayk94/ddp.js.gitOg så prøver jeg å importere pakken i koden min på denne måten
import DDP from 'ddp.js'Men webpack gir meg denne feilen
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-server/clien Les mer →javascript - Webpack-plugin: Hvordan legge til en loader dynamisk til en modul?
Jeg skriver en Webpack-plugin. Under moduloppløsning bør denne pluginen dynamisk legge til en bestemt loader for noen moduler, men ikke for alle.
Min idé akkurat nå er å utnytte normal-module-factory's after-resolve-hendelse. Der kunne jeg endre array
Les mer →javascript - Pakke sammen Stencil-komponent med webpack
Vet noen hvordan man pakker webkomponenter laget med Stencil ved å bruke Webpack. Jeg har flere Stencil-komponenter og trenger å lage en pakke slik at jeg kan bruke den i andre prosjekter.
Svar #1
Ionic har utviklet en StencilPlugin for webpack, som gjør det enkelt å importere komponenter ved bruk av webpack-bundleren.
Du kan også være interessert i denne utmerkede artikkelen som forklarer mer detaljert hvordan du bruker pluginen.
Les mer →javascript - Webpack-stiargumentet er ikke en streng
Jeg har klødd meg i hodet og prøvd å finne ut hvorfor Webpack sier at for inngangsmodulen "app" er banen ikke en streng. Det er ikke helt det samme som de andre feilene jeg har lest om på Stack Overflow, og det er derfor jeg spør spørsmålet selv.
Jeg bruker den nyeste Webpack (5.16) og Webpack-cli (4.4) og prøver å bygge dette for
Les mer →javascript - Webpack brytende endringer for innebygde moduler på Gatsby-nettsted
Jeg har prøvd å distribuere Gatsby-nettstedet mitt til Netlify, men jeg får stadig disse feilene for ulike node-moduler hver gang jeg prøver å distribuere. Jeg har prøvd å lage en webpack.config.js-fil og inkludere begge de foreslåtte løsningene uten hell. Jeg har også prøvd å bruke alias i ste
Les mer →javascript - Legg til avhengighet i Webpack-plugin
Er det mulig å legge til en avhengighet fra innenfor en Webpack-plugin? Jeg genererer filer som bruker maler, og når disse malene endres, vil jeg at webpack --watch skal utløse en ny bygging.
Her er pluginen:
function BlahPlugin (options) { this.options = options; } BlahPlugin.prototype.apply = function (compiler) Les mer →javascript - webpack-dev-server oppretter ikke dist-mappen lokalt
Webpack-dev-server pakker HTML-, SCSS- og JS-filene vellykket, og output blir også servert på localhost:8080, men dist-mappen blir ikke opprettet lokalt. Følgende er min webpack-konfigurasjon:
var extractPlugin = new ExtractTextPlugin({ filename: 'main.css' }); module.exports = Les mer →