javascript - hvordan kreve jquery med webpack
Hvordan kreve jQuery-fil med webpack, må jeg installere den fra npm, eller kan jeg bare kreve filen lastet ned fra jQuery-nettstedet?
katalog
app/ ./assets/javascripts/article/create/base.js ./assets/javascripts/lib/jquery-1.11.1.min.js webpack.config.jsbase.js feil
require('../../../lib/jquer Les mer →javascript - Webpack DefinePlugin fra async-funksjon
Jeg vil gjerne definere noen konstanter som returneres fra en asynkron ressurs. Finnes det noen måte å gjøre dette på i Webpack?
/* webpack.config.js */ module.exports = { ..., plugins: [ new webpack.DefinePlugin({ someVar: /* RETURN VARIABLE FROM ASYNC FUNCTION */ }) ] } Les mer →javascript - Betinget require-fil i webpack
Jeg vil pakke filene inn i produksjonsbygget mitt bare hvis det ikke er for DEBUG;
Så jeg har brukt webpack.DefinePlugin og satt variabelen DEBUG === true.
Konfigurer også webpack.UglifyJsPlugin med standardinnstillinger
Og i js-filen gjør jeg det på denne måten:
Les mer →javascript - Webpack - devtool: source-map for CSS og eval-source-map for JS?
Hvis jeg bruker devtool: 'source-map' fungerer det flott med CSS:
Men, mine JavaScript-variabelnavn er ikke morsomme:
Les mer →javascript - Hvordan bruke webpack med babel-loader og flow
Jeg sliter med noe som jeg føler ikke burde være en altfor vanskelig oppsett. Jeg ønsker at disse tre teknologiene skal fungere sammen:
- webpack for å bunte kode
- babel slik at jeg kan skrive moderne JavaScript
- Flow fordi typekontroll er hjelpsomt akkurat som tester og linter
Jeg har a
Les mer →javascript - Webpack: Hvordan eksportere direkte til globalt (uten .default) som inneholder stilarkimporter?
Kontekst
Jeg har en webpack.config.js som dette:
/* Something here */ module.exports = { entry: { main: './src/index.js' }, output: { library: 'MyClass', libraryTarget: 'umd', Les mer →javascript - Hvordan finne bitene for en Webpack-inngang
Jeg bruker webpack for å modernisere en eldre ASP.NET Web Forms-applikasjon med flere sider. Jeg har hatt ganske stor suksess med det helt til jeg prøvde å bruke SplitChunksPlugin for å fjerne duplikater i pakkene mine med alternativet chunks: 'all'. Dette lager dessverre en håndfull ekstra JS-pakker som alle må in
Les mer →javascript - Angular 14 Webpack 5-feil, unødvendige nodejs-moduler (tror jeg) hindrer meg i å serve applikasjonen
Jeg jobber i en helt ny Angular 14-applikasjon. Min node-versjon er v14.20.0, npm er 8.17.0
Jeg er ikke sikker på hvorfor, men av en eller annen grunn har jeg alle disse Node.js-avhengighetene inkludert. Jeg har prøvd å slette node_modules og kjøre npm in
Les mer →javascript - Hvordan få en mer lesbar bundle.js med webpack (sourcemap)?
Jeg prøver å lage mitt første webpack-prosjekt, og jeg finner ikke en måte å endre de numeriske nøklene, som representerer modulene i min output bundle.js, til en beskrivende streng slik at det blir lettere å spore det i debuggeren...
Jeg har prøvd output.chunkFilename og output.sourceMapFilename uten suksess.
Slik ser gulp-oppgaven min ut:
gulp.task('webpack', function (done) { webpack({ entry: { app: paths.src + "/main.js", vendor: ['react/addon Les mer →javascript - Perf er ikke definert - kjører react-app med webpack-dev-server
Jeg prøver å måle React-ytelse med Perf-tillegget, men når jeg prøver å kjøre Perf.start() i konsollen min får jeg en feil: Uncaught ReferenceError: Perf is not defined(…)
Verdt å nevne at jeg har installert pluginen gjennom npm og har en require('react-addons-perf'
Les mer →