Webpack

javascript - come richiedere jquery con webpack

Come richiedere il file jquery con webpack, devo installarlo da npm o posso semplicemente richiedere il file scaricato dal sito web di jquery?

javascript - Webpack DefinePlugin da funzione async

Vorrei definire alcune costanti che vengono restituite da una risorsa asincrona. Esiste un modo per farlo in Webpack?

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

Continua a leggere →

javascript - Richiesta condizionale di file in webpack

Voglio raggruppare i file nella mia build di produzione solo se non è per DEBUG;

Quindi ho usato webpack.DefinePlugin e impostato la variabile DEBUG === true.

Configura anche webpack.UglifyJsPlugin con le opzioni predefinite

E nel file js, faccio così:

const

Continua a leggere →

javascript - Webpack - devtool: source-map per CSS ed eval-source-map per JS?

Se uso devtool: 'source-map' funziona benissimo con il CSS:

Ma, i nomi delle mie variabili JavaScript non sono divertenti:

Continua a leggere →

javascript - Come usare webpack con babel-loader e flow

Sto facendo fatica con quello che penso non dovrebbe essere un setup troppo difficile. Voglio che queste tre tecnologie funzionino insieme:

webpack per raggruppare il codice
babel in modo che io possa scrivere JavaScript moderno
flow perché il controllo dei tipi è utile proprio come test e linte
Continua a leggere →

javascript - Webpack: Come esportare direttamente a livello globale (senza .default) contenente importazioni di fogli di stile?

Contesto

Ho un webpack.config.js così:

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

Continua a leggere →

javascript - Come Trovare i Chunks per un Entry di Webpack

Sto usando webpack per modernizzare una vecchia applicazione ASP.NET Web Forms a più pagine. Ho avuto abbastanza successo finché non ho provato a usare lo SplitChunksPlugin per eliminare i duplicati nei miei bundle usando la sua opzione chunks: 'all'. Purtroppo, questo crea una manciata di bundle JS extra che devon

Continua a leggere →

javascript - Angular 14 Webpack 5 errore, moduli nodejs non necessari (penso) mi impediscono di servire l'applicazione

Sto lavorando in una nuovissima applicazione Angular 14. La mia versione di node è v14.20.0, npm è 8.17.0

Non sono sicuro del perché, ma per qualche motivo ho tutte queste dipendenze di Node.js incluse. Ho provato a eliminare node_modules e a eseguire di

Continua a leggere →

javascript - Come avere un bundle.js più leggibile con webpack (sourcemap)?

Sto cercando di creare il mio primo progetto webpack e non riesco a trovare un modo per cambiare le chiavi numeriche, che rappresentano i moduli nel mio bundle.js di output, in una stringa descrittiva in modo che sia più facile tracciarle nel debugger...

Ho provato output.chunkFilename e output.sourceMapFilename senza successo.

Ecco come appare il mio task di gulp:

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

Continua a leggere →

javascript - Perf non è definito - esecuzione di un'app React con webpack-dev-server

Sto cercando di misurare le prestazioni di React con il componente aggiuntivo Perf, ma quando cerco di eseguire Perf.start() nella mia console ricevo un errore: Uncaught ReferenceError: Perf is not defined(…)

Vale la pena menzionare che ho installato il plugin tramite npm

Continua a leggere →