javascript - hvordan man kræver jquery med webpack

Hvordan kræver man en jquery-fil med webpack? Skal jeg installere den fra npm, eller kan jeg bare kræve filen, der er downloadet fra jquerys hjemmeside?

bibliotek

app/ ./assets/javascripts/article/create/base.js ./assets/javascripts/lib/jquery-1.11.1.min.js webpack.config.js

base.js fejl

requir

Læs mere →

javascript - Webpack DefinePlugin fra async-funktion

Jeg vil gerne definere nogle konstanter, der returneres fra en asynkron ressource. Er der nogen måde at gøre dette på i Webpack?

/* webpack.config.js */ module.exports = { ..., plugins: [ new webpack.DefinePlugin({ someVar: /* RETURN VARIABLE FROM ASYNC FUNCTION */ }) ] }

Læs mere →

javascript - Betinget kræve fil i webpack

Jeg vil samle filerne i min produktionsbygning kun, hvis det ikke er til DEBUG;

Så jeg har brugt webpack.DefinePlugin og sat variablen DEBUG === true.

Konfigurer også webpack.UglifyJsPlugin med standardindstillinger

Og i js-filen gør jeg sådan her:

const A =

Læs mere →

javascript - Webpack - devtool: source-map for CSS og eval-source-map for JS?

Hvis jeg bruger devtool: 'source-map' fungerer det fantastisk med CSS:

Men mine JavaScript-variabelnavne er ikke sjove:

Læs mere →

javascript - Hvordan man bruger webpack med babel-loader og flow

Jeg kæmper med noget, som jeg føler ikke burde være en alt for svær opsætning. Jeg vil have, at disse tre teknologier arbejder sammen:

• webpack til at samle kode
• babel, så jeg er i stand til at skrive moderne JavaScript
• flow fordi typekontrol er nyttig ligesom tests og linter

Jeg har

Læs mere →

javascript - Webpack: Hvordan eksporterer man direkte til globalt (uden .default) indeholdende stylesheet-importer?

Kontekst

Jeg har en webpack.config.js som denne:

/* Something here */ module.exports = { entry: { main: './src/index.js' }, output: { library: 'MyClass', libraryTarget: 'umd',

Læs mere →

javascript - Hvordan man finder chunks for en Webpack-indgang

Jeg bruger webpack til at modernisere en ældre fler-sides ASP.NET Web Forms-applikation. Jeg har haft ret god succes med det, indtil jeg prøvede at bruge SplitChunksPlugin til at de-duplikere mine bundler ved hjælp af dens chunks: 'all' mulighed. Dette laver desværre en håndfuld ekstra JS-bundler, som alle skal ink

Læs mere →

javascript - Angular 14 Webpack 5 fejl, unødvendige nodejs-moduler (tror jeg) forhindrer mig i at serve applikationen

Jeg arbejder i en helt ny Angular 14-applikation. Min node-version er v14.20.0, npm er 8.17.0

Jeg er ikke sikker på hvorfor, men af en eller anden grund har jeg alle disse nodejs-afhængigheder inkluderet. Jeg har prøvet at slette node_modules og køre npm

Læs mere →

javascript - Hvordan får man en mere læsbar bundle.js med webpack (sourcemap)?

Jeg prøver at lave mit første webpack-projekt, og jeg kan ikke finde en måde at ændre de numeriske nøgler, som repræsenterer modulerne i min output bundle.js, til en beskrivende streng, så det vil være lettere at spore det i debuggeren...

Jeg har forsøgt output.chunkFilename og output.sourceMapFilename uden held.

Sådan ser min gulp-opgave ud:

gulp.task('webpack', function (done) { webpack({ entry: { app: paths.src + "/main.js", vendor: ['react/add

Læs mere →

javascript - Perf er ikke defineret - kører react-app med webpack-dev-server

Jeg forsøger at måle React-ydeevne med Perf-tilføjelsen, men når jeg prøver at køre Perf.start() i min konsol, får jeg en fejl: Uncaught ReferenceError: Perf is not defined(…)

Værd at nævne, at jeg har installeret pluginet gennem npm og har en require('react-addons-

Læs mere →