javascript - ako vyžadovať jquery s webpack
Ako vyžadovať súbor jquery s webpackom, mám ho nainštalovať z npm, alebo môžem jednoducho vyžadovať súbor stiahnutý z webovej stránky jquery?
adresár
app/ ./assets/javascripts/article/create/base.js ./assets/javascripts/lib/jquery-1.11.1.min.js webpack.config.jsbase.js chyba
require('../../../ Čítaj viac →javascript - Webpack DefinePlugin z asynchrónnej funkcie
Chcel by som definovať niektoré konštanty, ktoré sú vrátené z asynchrónneho zdroja. Existuje nejaký spôsob, ako to urobiť vo Webpacku?
/* webpack.config.js */ module.exports = { ..., plugins: [ new webpack.DefinePlugin({ someVar: /* RETURN VARIABLE FROM ASYNC FUNCTION */ }) ] } Čítaj viac →javascript - Podmienené vyžadovanie súboru vo webpack
Chcem zabaliť súbory do mojej produkčnej zostavy iba v prípade, že nejde o DEBUG;
Takže som použil webpack.DefinePlugin a nastavil premennú DEBUG === true.
Tiež nakonfigurujte webpack.UglifyJsPlugin s predvolenými možnosťami
A v súbore js to robím takto:
cons Čítaj viac →javascript - Webpack - devtool: source-map pre CSS a eval-source-map pre JS?
Ak použijem devtool: 'source-map', funguje to skvele s CSS:
Ale moje názvy premenných v JavaScripte nie sú zábavné:
Čítaj viac →javascript - Ako používať webpack s babel-loader a flow
Mám problémy s tým, čo by podľa mňa nemalo byť príliš zložité nastavenie. Chcem, aby tieto tri technológie spolu fungovali:
- webpack na zbalenie kódu
- babel, aby som mohol písať moderný JavaScript
- Flow, pretože kontrola typov je užitočná rovnako ako testy a linter
Už som prešiel niekoľ
Čítaj viac →javascript - Webpack: Ako exportovať priamo do globálu (bez .default) obsahujúce importy štýlových súborov?
Kontext
Mám webpack.config.js takto:
/* Something here */ module.exports = { entry: { main: './src/index.js' }, output: { library: 'MyClass', libraryTarget: 'umd', path: path Čítaj viac →javascript - Ako nájsť časti pre vstup Webpacku
Používam webpack na modernizáciu staršej viacstránkovej ASP.NET Web Forms aplikácie. Dosiahol som s tým celkom dobré výsledky až do chvíle, keď som sa pokúsil použiť SplitChunksPlugin na odstránenie duplicitného kódu vo svojich balíkoch pomocou jeho možnosti chunks: 'all'. Toto bohužiaľ vytvára niekoľko ďalších JS
Čítaj viac →javascript - Angular 14 Webpack 5 chyba, zbytočné moduly nodejs (myslím) mi bránia v spustení aplikácie
Pracujem na úplne novej aplikácii Angular 14. Moja verzia Node je v14.20.0, npm je 8.17.0
Nie som si istý prečo, ale z nejakého dôvodu mám zahrnuté všetky tieto závislosti nodejs. Skúšal som vymazať node_modules a znova spustiť npm install, ale stále sa s
Čítaj viac →javascript - Ako mať čitateľnejší bundle.js s webpack (sourcemap)?
Snažím sa vytvoriť svoj prvý projekt v webpacku a nemôžem nájsť spôsob, ako zmeniť číslicové kľúče, ktoré predstavujú moduly v mojom výstupnom súbore bundle.js, na popisný reťazec, aby bolo jednoduchšie ich sledovať v debuggeri...
Skúsil som output.chunkFilename a output.sourceMapFilename bez úspechu.
Takto vyzerá moja úloha gulp:
gulp.task('webpack', function (done) { webpack({ entry: { app: paths.src + "/main.js", vendor: ['react/addons', 'lodas Čítaj viac →javascript - Perf nie je definované - spúšťanie react aplikácie s webpack-dev-server
Snažím sa merať výkon Reactu pomocou doplnku Perf, ale keď sa snažím spustiť Perf.start() v konzole, dostanem chybu: Uncaught ReferenceError: Perf is not defined(…)
Stojí za zmienku, že som plugin nainštaloval cez npm a mám require('react-addons-perf') vo svo
Čítaj viac →