javascript - comment exiger jquery avec webpack
Comment exiger le fichier jquery avec webpack, dois-je l’installer depuis npm, ou puis-je simplement exiger le fichier téléchargé depuis le site web de jquery ?
répertoire
app/ ./assets/javascripts/article/create/base.js ./assets/javascripts/lib/jquery-1.11.1.min.js webpack.config.jsbase.js erreur
Lire la suite →javascript - Webpack DefinePlugin à partir d'une fonction asynchrone
J'aimerais définir certaines constantes qui sont renvoyées par une ressource asynchrone. Y a-t-il un moyen de le faire dans Webpack ?
/* webpack.config.js */ module.exports = { ..., plugins: [ new webpack.DefinePlugin({ someVar: /* RETURN VARIABLE FROM ASYNC FUNCTION */ }) ] } Lire la suite →javascript - Fichier require conditionnel dans webpack
Je veux regrouper les fichiers dans ma compilation de production uniquement si ce n’est pas pour DEBUG;
Donc j'ai utilisé webpack.DefinePlugin et défini la variable DEBUG === true.
Configure également webpack.UglifyJsPlugin avec les options par défaut
Et dans le fichier js
Lire la suite →javascript - Webpack - devtool : source-map pour CSS et eval-source-map pour JS ?
Si j'utilise devtool : 'source-map', cela fonctionne très bien avec le CSS :
Mais mes noms de variables JavaScript ne sont pas amusants :
Lire la suite →javascript - Comment utiliser webpack avec babel-loader et flow
J'ai des difficultés avec ce que je sens ne devrait pas être une configuration trop compliquée. Je veux que ces trois technologies fonctionnent ensemble :
- webpack pour regrouper le code
- babel afin que je sois capable d’écrire du JavaScript moderne
- Flow parce que la vérification de type est utile Lire la suite →
javascript - Webpack : Comment exporter directement vers le global (sans .default) en contenant des imports de feuilles de style ?
Contexte
J'ai un webpack.config.js comme ceci :
/* Something here */ module.exports = { entry: { main: './src/index.js' }, output: { library: 'MyClass', libraryTarget: 'umd', Lire la suite →javascript - Comment trouver les segments pour une entrée Webpack
J'utilise webpack pour moderniser une application ASP.NET Web Forms multi-pages héritée. J'ai eu assez de succès avec cela jusqu'à ce que j'essaie d'utiliser le SplitChunksPlugin pour dédupliquer mes bundles en utilisant son option chunks: 'all'. Cela crée malheureusement une poignée de bundles JS supplémentaires q
Lire la suite →javascript - Angular 14 Webpack 5 erreur, des modules nodejs inutiles (je pense) m'empêchent de servir l'application
Je travaille dans une toute nouvelle application Angular 14. Ma version de node est v14.20.0, npm est 8.17.0
Je ne sais pas pourquoi, mais pour une raison quelconque, j'ai toutes ces dépendances Node.js incluses. J'ai essayé de supprimer node_modules et d
Lire la suite →javascript - Comment avoir un bundle.js plus lisible avec webpack (sourcemap) ?
J'essaie de créer mon premier projet webpack et je ne trouve pas de moyen de changer les clés numériques, qui représentent les modules dans mon fichier output bundle.js, en une chaîne descriptive afin qu'il soit plus facile de les tracer dans le débogueur...
J'ai essayé output.chunkFilename et output.sourceMapFilename sans succès.
Voici à quoi ressemble ma tâche gulp :
gulp.task('webpack', function (done) { webpack({ entry: { app: paths.src + "/main.js", Lire la suite →javascript - Perf n'est pas défini - exécution d'une application react avec webpack-dev-server
J'essaie de mesurer la performance de React avec l'addon Perf, mais lorsque j'essaie d'exécuter Perf.start() dans ma console, j'obtiens une erreur : Uncaught ReferenceError: Perf is not defined(…)
Il convient de mentionner que j'ai installé le plugin via npm et que j'ai u
Lire la suite →