javascript - cum să folosești jquery cu webpack
Cum să cer un fișier jquery cu webpack, trebuie să îl instalez din npm sau pot doar să cer fișierul descărcat de pe site-ul jquery?
director
app/ ./assets/javascripts/article/create/base.js ./assets/javascripts/lib/jquery-1.11.1.min.js webpack.config.jseroare base.js
require('../../../lib/jque Citeste mai mult →javascript - Webpack DefinePlugin din funcție asincronă
Aș dori să definesc câteva constante care sunt returnate de o resursă asincronă. Există vreo modalitate de a face acest lucru în Webpack?
/* webpack.config.js */ module.exports = { ..., plugins: [ new webpack.DefinePlugin({ someVar: /* RETURN VARIABLE FROM ASYNC FUNCTION */ }) ] Citeste mai mult →javascript - Cerere condiționată a fișierului în webpack
Vreau să grupezi fișierele în build-ul meu de producție numai dacă nu este pentru DEBUG;
Așadar, am folosit webpack.DefinePlugin și am setat variabila DEBUG === true.
De asemenea, configurează webpack.UglifyJsPlugin cu opțiunile implicite
Și în fișierul js, fac așa:
Citeste mai mult →javascript - Webpack - devtool: source-map pentru CSS și eval-source-map pentru JS?
Dacă folosesc devtool: 'source-map' funcționează foarte bine cu CSS:
Dar, numele variabilelor mele JavaScript nu sunt distractive:
Citeste mai mult →javascript - Cum să folosești webpack cu babel-loader și flow
Am dificultăți cu ceea ce simt că nu ar trebui să fie o configurație prea complicată. Vreau ca aceste trei tehnologii să funcționeze împreună:
- webpack pentru a îmbina codul
- babel astfel încât să pot scrie JavaScript modern
- Flow pentru că verificarea tipurilor este utilă la fel ca testele și lint Citeste mai mult →
javascript - Webpack: Cum să exporți direct la nivel global (fără .default) conținând importuri de fișiere de stil?
Context
Am un webpack.config.js ca acesta:
/* Something here */ module.exports = { entry: { main: './src/index.js' }, output: { library: 'MyClass', libraryTarget: 'umd', path Citeste mai mult →javascript - Cum să găsești bucățile pentru o intrare Webpack
Folosesc webpack pentru a moderniza o aplicație veche ASP.NET Web Forms cu mai multe pagini. Am avut destul de mult succes cu el până am încercat să folosesc SplitChunksPlugin pentru a elimina duplicatele din bundle-urile mele folosind opțiunea sa chunks: 'all'. Din păcate, acest lucru creează câteva bundle-uri JS
Citeste mai mult →javascript - Angular 14 Webpack 5 eroare, module nodejs inutile (cred) mă împiedică să servesc aplicația
Lucrez într-o aplicație complet nouă Angular 14. Versiunea mea de node este v14.20.0, npm este 8.17.0
Nu sunt sigur de ce, dar dintr-un motiv oarecare am toate aceste dependențe nodejs incluse. Am încercat să șterg node_modules și să fac npm install din n
Citeste mai mult →javascript - Cum să ai un bundle.js mai ușor de citit cu webpack (sourcemap)?
Încerc să fac primul meu proiect webpack și nu pot găsi o modalitate de a schimba cheile numerice, care reprezintă modulele în fișierul meu bundle.js de ieșire, cu un șir descriptiv, astfel încât să fie mai ușor de urmărit în debugger...
Am încercat output.chunkFilename și output.sourceMapFilename fără succes.
Așa arată sarcina mea gulp:
gulp.task('webpack', function (done) { webpack({ entry: { app: paths.src + "/main.js", vendor: ['react/addons', Citeste mai mult →javascript - Perf nu este definit - rularea aplicației react cu webpack-dev-server
Încerc să măsor performanța React cu addon-ul Perf, dar când încerc să rulez Perf.start() în consola mea primesc o eroare: Uncaught ReferenceError: Perf is not defined(…)
Merită menționat că am instalat pluginul prin npm și am un require('react-addons-perf')
Citeste mai mult →