Webpack est un groupeur de modules JavaScript. Webpack prend des modules avec des dépendances et génère des actifs statiques représentant ces modules. Les fonctionnalités clés de Webpack reposent sur l'extensibilité et permettent aux développeurs d'utiliser les meilleures pratiques en matière d'architecture Web et de performances Web.

webpack...

J'utilise Webpack 4 pour créer un site Web simple avec un backend express. Maintenant que j'implémente un élément personnalisé, je suis confronté à un problème concernant le DOM fantôme. Le problème est le suivant: tout mon SCSS est combiné en un seul fichier de sortie CSS. J'en ai besoin pour reste....
J'ai suivi un cours en ligne Vue 2 et il a montré (mais ne m'a pas vraiment expliqué) comment installer node.js, npm et vue. J'utilise actuellement vue-cli pour configurer mon projet en utilisant vue init webpack-simple. Le problème est que j'ai un bureau Windows et un ordinateur portable Mac. J'uti....
22 déc. 2019 à 15:03
Erreur complète: layerSwitcherDemo.js:52 Uncaught ReferenceError: ol is not defined at Module../app/javascript/packs/layerSwitcherDemo.js (layerSwitcherDemo.js:52) at __webpack_require__ (bootstrap:19) at bootstrap:83 at bootstrap:83 ./app/javascript/packs/layerSwitcherDemo.js @ la....
19 déc. 2019 à 22:44
J'ai un projet qui n'inclut pas webpack dans la racine directe, il est installé dans mon dossier website dans le répertoire racine. project -> src -> App.js -> Hello.js -> index.js -> website -> webpack.config.js -> index.js -> package.json et dans mon fichier webpack.config.js j'....
18 déc. 2019 à 15:04
J'ai un projet WebGL où chaque micro-optimisation compte. Pour plus de lisibilité, j'utilise .forEach, .map, .filter et for of loops mais je voudrais les transpiler en longueur simple (inversée) basée sur les boucles dans mon code de production en raison de raisons de performance . Pourriez-vous, s'....
18 déc. 2019 à 12:05
J'essaie de compiler un référentiel de travail sur mon ordinateur personnel (pour pouvoir travailler à distance), mais chaque fois que j'exécute npm start, j'obtiens ces messages: npm ERR! Cannot read property 'match' of undefined npm ERR! A complete log of this run can be found in: npm ERR! /h....
J'utilise React avec CRA et react-app-rewired, je veux compiler les propriétés personnalisées CSS (- *) en CSS simple: De : .section { --gap-horizontal: 10px; } .section .item { margin: 0 var(--gap-horizontal); } Pour quelque chose comme: .section .item { margin: 0 10px; } Voici mon ....
13 déc. 2019 à 19:03
J'essaie de créer une bibliothèque de composants Gatsby (en utilisant une bibliothèque Gatsby spécifique plutôt que des composants React généraux). J'ai compilé en utilisant simplement babel mais je veux pouvoir traduire n'importe quel CSS-in-JS et faire d'autres choses, donc j'essaie de construire ....
13 déc. 2019 à 03:56
Je ne parviens pas à faire en sorte que mon webpack émette une carte source CSS. J'ai mis sourcemap: vrai partout où c'est possible, et sans effet, et toutes les solutions en ligne suggèrent cette configuration ou une autre configuration de plugin, mais je n'ai pas d'autre plugin, c'est super simple....
12 déc. 2019 à 12:34
Je reçois le Jsx est utilisé sans importer réagir Notification par WebStorm même si j'ai rendu la bibliothèque react globale via: Mon webpack.config.js plugins: [ new webpack.ProvidePlugin({ React: "react" }) ] Mon declarations.d.ts import _Re....
Les chargeurs peuvent être utilisés dans la configuration de Webpack. Il peut s'agir de file-loader, html-loader, css-loader, json-loader, raw-loader, style-loader, to-string-loader, url-loader , awesome-typescript-loader. Angular connaît-il les chargeurs sans configuration Webpack explicite? Peut-ê....
11 déc. 2019 à 19:48
Je suis nouveau sur Vue. J'essaie d'ajouter une image (svg / png) à un composant mais je reçois toujours cette erreur. Je suis nouveau dans ce domaine, veuillez en tenir compte. Échec de la compilation. ./src/components/Overview.vue?vue&type=template&id=6408adae&scoped=true& (./node_modules/cache-lo....
11 déc. 2019 à 18:17
Dites-moi, voici le fichier config.js, la variable exportée avec une référence à l'API, mais il y a une API pour la version de développement, et il y a une API distincte pour la version de prod, si je comprends bien, vous devez créer 2 fichiers séparés, mais comment le faire dans webpack pour que, q....
11 déc. 2019 à 16:01
J'ai le code suivant dans le webpack 3.11 var path = require('path'); var webpack = require("webpack"); var HtmlWebpackPlugin = require('html-webpack-plugin'); const MinifyPlugin = require("babel-minify-webpack-plugin"); if (process.argv.indexOf('-p') !== -1) { process.env.NODE_ENV = 'production'....
11 déc. 2019 à 13:41
J'utilise webpack dans ma configuration angulaire 7 dev. J'utilise webpack 3.x Je veux migrer tous les css vers scss. Voici mon webpack.config.common.js: var webpack = require('webpack'); module.exports = { entry: { 'app': './assets/app/main.ts' }, resolve: { extensions....
11 déc. 2019 à 13:39
J'ai un site complet que je veux concevoir un outil de construction pour cela.En fait, j'ai choisi Webpack pour le faire. La structure du projet est la suivante: J'ai des fichiers nunjucks, html, css, sass et js. Je dois les regrouper via webpack. Mon fichier de configuration webpack est ici: var H....
Après avoir enregistré les modifications, le webpack prend en moyenne ~ 23 secondes à construire. Ceci est la sortie pendant la construction. Il va jusqu'à 6695 modules avant de terminer. 18% building 915/944 modules 29 active ...terial-ui/icons/esm/WallpaperTwoTone.js Comment accélérer le temps de....
10 déc. 2019 à 20:31
J'ai quelques paramètres de mixage laravel pour mon projet: mix.js('resources/js/app.js', 'public/js') .sass('resources/scss/main.scss', 'public/css') .sass('resources/scss/test.scss', 'public/css') .options({ processCssUrls: false }) .copyDirectory('resources/images', 'public....
10 déc. 2019 à 14:20
Je crée une bibliothèque JS (utilisant Babel et Webpack) pour: node.js le navigateur. Est-il recommandé d'inclure les fichiers transpilés de Babel et webpack dans la base de code? Depuis, au moins pour le côté backend, un autre projet installant cette bibliothèque pourrait ne pas avoir Babel (en par....
9 déc. 2019 à 23:09
Lors de l'exécution du code suivant, j'obtiens une erreur lors de la construction avec Webpack: const name = 'Test'; const test = require(`./app/model/${name}`); Cependant, avec le code suivant, je n'obtiens aucune erreur: const test = require('./app/model/Test'); L'erreur reçue est: ERROR in ./no....
9 déc. 2019 à 20:05
Je crée un site Web à l'aide de React et j'essaie de rediriger l'utilisateur vers la page d'index après la connexion, mais mon composant ne rend rien, même si je suis redirigé et que je peux voir l'URL changer de / welcome # / login à / main . Étant donné que je ne reçois aucun message d'erreur e....
Nous avons une application qui a plusieurs environnements et est sur le point d'avoir plusieurs fournisseurs. Je comprends que le flux typique consiste à exécuter webpack --env.NODE_ENV=myenvironment, cependant, cela deviendra très inefficace très rapidement. Au final, la simplicité de mon objectif ....
6 déc. 2019 à 18:24
Je fais face au problème ci-dessous, en raison d'une dépendance interne du webpack version "serialize-javascript": 1.9.1 webpack version 4.41.2 utilisant terser-webpack-plugin et il utilise la version 1.9.1 de serialize-javascript et maintenant github alerte le même problème pour mon projet. Que pui....
6 déc. 2019 à 15:58
J'essaie de charger un modèle HTML à l'aide de HtmlWebpackPlugin et il semble que cela ne fonctionne pas. Si j'essaie de charger le plugin sans arguments, cela fonctionne. Des idées? Le fichier index.html que j'essaie de charger est au bon endroit, juste pour considérer package.json: { ... "devDe....
6 déc. 2019 à 12:06
J'ai un léger problème avec webpack ici; Je ne parviens pas à charger les polices. Ceci est mon webpack.config.js const nodeExternals = require('webpack-node-externals'); const path = require('path'); const devMode = true; const MiniCssExtractPlugin = require('mini-css-extract-plugin'); const Extrac....
6 déc. 2019 à 00:43