Vyhledávání na webu
javascript - jak vyžádat jquery pomocí webpacku
Jak vyžadovat soubor jquery pomocí webpacku, mám jej nainstalovat z npm, nebo si mohu jen vyžádat soubor stažený z webu jquery?
adresář
app/ ./assets/javascripts/article/create/base.js ./assets/javascripts/lib/jquery-1.11.1.min.js webpack.config.jsbase.js chyba
require('../../../lib/jquery-1.1 Přečtěte si více →javascript - Webpack DefinePlugin z async funkce
Rád bych definoval některé konstanty, které jsou vráceny z asynchronního zdroje. Existuje nějaký způsob, jak to udělat ve Webpacku?
/* webpack.config.js */ module.exports = { ..., plugins: [ new webpack.DefinePlugin({ someVar: /* RETURN VARIABLE FROM ASYNC FUNCTION */ }) ] } Přečtěte si více →javascript - Podmíněné načítání souboru ve webpacku
Chci zahrnout soubory do mé produkční sestavy pouze v případě, že se nejedná o DEBUG;
Takže jsem použil webpack.DefinePlugin a nastavil proměnnou DEBUG === true.
Také nakonfigurujte webpack.UglifyJsPlugin s výchozími možnostmi
A v souboru js to dělám takto:
c Přečtěte si více →javascript - Webpack - devtool: source-map pro CSS a eval-source-map pro JS?
Pokud použiji devtool: 'source-map', funguje to skvěle s CSS:
Ale moje názvy proměnných v JavaScriptu nejsou zábavné:
Přečtěte si více →javascript - Jak používat webpack s babel-loader a flow
Mám potíže s něčím, co podle mě nemělo být příliš složité nastavit. Chci, aby tyto tři technologie spolupracovaly:
- webpack k balení kódu
- babel, abych byl schopen psát moderní JavaScript
- Flow protože kontrola typů je užitečná stejně jako testy a linter
Už jsem prošel několika nastaven
Přečtěte si více →javascript - Webpack: Jak exportovat přímo do globálního (bez .default) obsahující importy stylů?
Kontext
Mám webpack.config.js takto:
/* Something here */ module.exports = { entry: { main: './src/index.js' }, output: { library: 'MyClass', libraryTarget: 'umd', path: path Přečtěte si více →javascript - Jak najít části (chunks) pro vstup Webpacku
Používám webpack k modernizaci starší vícestránkové aplikace ASP.NET Web Forms. S tímto přístupem jsem měl docela dobrý úspěch až do doby, kdy jsem zkoušel použít SplitChunksPlugin k odstranění duplicit v mých bundlech pomocí jeho chunks: 'all' možnosti. To bohužel vytváří několik dalších JS bundle, které je třeba
Přečtěte si více →javascript - Angular 14 Webpack 5 chyba, zbytečné moduly nodejs (myslím) mi brání v servírování aplikace
Pracuji na zcela nové aplikaci Angular 14. Moje verze node je v14.20.0, npm je 8.17.0
Nejsem si jistý proč, ale z nějakého důvodu mám zahrnuté všechny tyto závislosti na Node.js. Snažil jsem se smazat složku node_modules a znovu spustit npm install, ale s
Přečtěte si více →javascript - Jak mít s webpackem čitelnější soubor bundle.js (sourcemap)?
Snažím se vytvořit svůj první projekt ve Webpacku a nemohu najít způsob, jak změnit číselné klíče, které představují moduly v mém výstupním souboru bundle.js, na popisný řetězec, aby bylo snazší je sledovat v debuggeru...
Zkoušel jsem output.chunkFilename a output.sourceMapFilename, ale bez úspěchu.
Takto vypadá můj úkol v gulp:
gulp.task('webpack', function (done) { webpack({ entry: { app: paths.src + "/main.js", vendor: ['react/addons', 'lodash' Přečtěte si více →javascript - Perf není definováno - spuštění React aplikace s webpack-dev-server
Snažím se měřit výkon Reactu pomocí doplňku Perf, ale když se pokusím spustit Perf.start() v konzoli, dostanu chybu: Uncaught ReferenceError: Perf is not defined(…)
Stojí za zmínku, že jsem plugin nainstaloval přes npm a mám require('react-addons-perf') v mém
Přečtěte si více →