javascript - Webpack - Vaatia kuvia käyttämällä file-loaderia
Käytän Webpackia React-sovelluksessani.
Asensin 'File-loaderin' ja 'Url-loaderin' webpack-konfiguraatiooni.
Kuitenkin en ole varma, miten liittää kuvia komponentteihini. Säilytän kuvan 'src':n 'Data.js'-tiedostossa, josta välitän kuvatiedot React-komponentille.
Minun webpack.config.js-tiedostoni:
... const PATHS = { app : path.join( __dirname, "app" ), build : path.join( __dirname, "build" ) }; const common = { entry : { app : PATHS.app Lue lisää →javascript - Miksi Webpack-kokoelmani on niin suuri?
Kirjoitan JavaScriptiä, joka käyttää Moment.js:ää ja Handlebarsia. Moment.js:n pitäisi olla 30 KB gzippattuna ja Handlebarsin alle 10 KB gzippattuna. Mutta kun käytän Webpackia koodini pakkaamiseen, saan lopputiedoston, joka on 271 KB!
Asensin webpack-bundle-size-analyzeren tutkiakseni ja löysin paljon odotettua suurempia tiedostoja:
Lue lisää →javascript - Kuinka EI ratkaista polkuja Webpackin kanssa?
Työskentelen ReactJs-projektin parissa, jossa käytän Webpackia sekä sass-loader, css-loader ja url-loader.
Haluaisin ettei fonttien polkuja ratkaista ja pitää ne täsmälleen sellaisina kuin ne oli asetettu SASS-tiedostossa.
Ongelma:
Jos kutsu
Lue lisää →javascript - Webpack ei voi tuoda gitistä asennettua pakettia
Joten haarasin paketin gitissä. Tein muutokseni. Sitten terminaalissani
npm install --save git+https://github.com/hayk94/ddp.js.gitJa sitten yritän tuoda paketin koodiini näin
import DDP from 'ddp.js'Mutta webpack antaa minulle tämän virheen
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/client?http:// Lue lisää →javascript - Webpack-laajennus: Kuinka lisätä dynaamisesti lataaja moduuliin?
Kirjoitan Webpack-laajennusta. Modulien ratkaisemisen aikana tämän laajennuksen pitäisi dynaamisesti lisätä tietty lataaja joillekin moduleille, mutta ei kaikille.
Tällä hetkellä ideani on hyödyntää normal-module-factory-komponentin after-resolve-tapahtuma
Lue lisää →javascript - Stencil-komponentin paketointi webpackilla
Tiedätkö joku, miten web-komponentti, joka on luotu Stencililla, voidaan paketoida käyttäen webpackia. Minulla on useita Stencil-komponentteja ja minun täytyy luoda paketti, jotta voin käyttää sitä muissa projekteissa.
Vastaus #1
Ionic on kehittänyt StencilPluginin webpackille, jonka avulla komponentteja voidaan helposti tuoda webpack-paketoijan avulla.
Saatat myös olla kiinnostunut tästä erinomaisesta artikkelista, joka selittää tarkemmin, mit
Lue lisää →javascript - Webpack-polkuargumentti ei ole merkkijono
Olen pähkäillyt kovasti yrittäen selvittää, miksi Webpack sanoo sisääntulomoduulia "app" varten, että polku ei ole merkkijono. Se ei ole täsmälleen sama kuin muut virheet, joita olen lukenut Stackoverflowssa, minkä vuoksi se saa minut esittämään kysymyksen itse.
Käytän uusinta Webpackia (5.16) ja Webpack-cliä (4.4) ja yritän koota
Lue lisää →javascript - Webpackin rikkomismuutokset sisäisille moduuleille Gatsby-sivustolla
Olen yrittänyt julkaista Gatsby-sivustoni Netlifyyn, mutta saan jatkuvasti näitä virheitä eri Node-moduuleille aina, kun yritän julkaista. Olen yrittänyt tehdä webpack.config.js -tiedoston ja sisällyttää siihen molemmat ehdotetut ratkaisut, mutta turhaan. Olen myös yrittänyt käyttää aliasia fal
Lue lisää →javascript - Lisää riippuvuus Webpack-laajennukseen
Onko mahdollista lisätä riippuvuus Webpack-laajennuksen sisällä? Generoin tiedostoja, jotka käyttävät malleja, ja kun nämä mallit muuttuvat, haluaisin, että webpack --watch käynnistää toisen käännöksen.
Tässä on lisäosa:
function BlahPlugin (options) { this.options = options; } BlahPlugin.prototype.apply = functio Lue lisää →javascript - webpack-dev-server ei luo dist-kansiota paikallisesti
Webpack-dev-server pakkaa html-, scss- ja js-tiedostot onnistuneesti ja tulos myös palvellaan osoitteessa localhost:8080, mutta dist-kansiota ei luoda paikallisesti. Seuraavassa on webpack-konfiguraationi:
var extractPlugin = new ExtractTextPlugin({ filename: 'main.css' }); mod Lue lisää →