javascript - miten vaatia jquery webpackin kanssa
Kuinka vaatia jquery-tiedosto webpackilla, pitääkö minun asentaa se npm:stä, vai voinko vain vaatia tiedoston, jonka latasin jqueryn verkkosivustolta?
hakemisto
app/ ./assets/javascripts/article/create/base.js ./assets/javascripts/lib/jquery-1.11.1.min.js webpack.config.jsbase.js virhe
require Lue lisää →javascript - Webpack DefinePlugin asynkronisesta funktiosta
Haluaisin määritellä joitakin vakioita, jotka palautetaan asynkronisesta resurssista. Onko mitään tapaa tehdä tämä Webpackissä?
/* webpack.config.js */ module.exports = { ..., plugins: [ new webpack.DefinePlugin({ someVar: /* RETURN VARIABLE FROM ASYNC FUNCTION */ }) ] } Lue lisää →javascript - Ehdollinen tiedoston vaatiminen webpackissa
Haluan pakata tiedostot tuotantokoontiini vain, jos se ei ole DEBUG-tilaa varten;
Joten olen käyttänyt webpack.DefinePlugin-laajennusta ja asettanut muuttujan DEBUG === true.
Myös määritä webpack.UglifyJsPlugin oletusasetuksilla
Ja js-tiedostossa teen näin:
c Lue lisää →javascript - Webpack - devtool: source-map CSS:lle ja eval-source-map JS:lle?
Jos käytän devtoolia: 'source-map', se toimii erinomaisesti CSS:n kanssa:
Mutta JavaScript-muuttujieni nimet eivät ole hauskoja:
Lue lisää →javascript - Kuinka käyttää webpackia babel-loaderin ja flown kanssa
Minulla on vaikeuksia sen kanssa, mitä mielestäni ei pitäisi olla liian vaikea asennus. Haluan, että nämä kolme teknologiaa toimivat yhdessä:
- webpack koodin niputtamiseen
- babel niin, että pystyn kirjoittamaan modernia JavaScriptiä
- Flow koska tyyppitarkistus on hyödyllistä aivan kuten testit ja l Lue lisää →
javascript - Webpack: Kuinka viedä suoraan globaaliin (ilman .default), joka sisältää tyylitiedostojen tuontia?
Konteksti
Minulla on webpack.config.js näin:
/* Something here */ module.exports = { entry: { main: './src/index.js' }, output: { library: 'MyClass', libraryTarget: 'umd', pa Lue lisää →javascript - Kuinka löytää palaset Webpack-syötteelle
Käytän webpackia modernisoidakseni vanhaa monisivuisen ASP.NET Web Forms -sovelluksen. Minulla on ollut melko hyvää menestystä siinä, kunnes yritin käyttää SplitChunksPluginia poistaakseni päällekkäisyyksiä pakkauksistani sen chunks: 'all' -asetuksen avulla. Valitettavasti tämä luo joukon ylimääräisiä JS-paketteja,
Lue lisää →javascript - Angular 14 Webpack 5 -virhe, tarpeettomat nodejs-moduulit (luulisin) estävät minua palvelemasta sovellusta
Työskentelen aivan uudessa Angular 14 -sovelluksessa. Node-versiomme on v14.20.0, npm on 8.17.0
En ole varma miksi, mutta jostain syystä minulla on kaikki nämä nodejs-riippuvuudet mukana. Olen yrittänyt poistaa node_modules-kansion ja asentaa npm:llä uude
Lue lisää →javascript - Kuinka saada luettavampi bundle.js webpackin (sourcemap) kanssa?
Yritän tehdä ensimmäistä webpack-projektiani, enkä löydä tapaa muuttaa numeroavaimia, jotka edustavat moduuleja output bundle.js -tiedostossani, kuvailevaksi merkkijonoksi, jotta niiden seuraaminen debuggerissa olisi helpompaa...
Olen yrittänyt output.chunkFilename- ja output.sourceMapFilename-asetuksia ilman menestystä.
Tältä näyttää gulp-tehtäväni:
gulp.task('webpack', function (done) { webpack({ entry: { app: paths.src + "/main.js", vendor: ['r Lue lisää →javascript - Perf ei ole määritelty - ajetaan react-sovellusta webpack-dev-serverin kanssa
Yritän mitata Reactin suorituskykyä Perf-lisäosalla, mutta kun yritän suorittaa Perf.start() konsolissani, saan virheen: Uncaught ReferenceError: Perf is not defined(…)
On syytä mainita, että olen asentanut laajennuksen npm:n kautta ja minulla on require('react-addo
Lue lisää →