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.

Plus à propos webpack...

J'ai commencé un projet avec Vuejs et Laravel en utilisant Laravel Mix. Cela fonctionne pour la plupart, mais lorsque j'essaie de diviser mon composant en fichiers séparés et de les charger dans le fichier .vue comme ceci: <template src="./comp.html"></template> <script src="./comp.ts" lang="ts"></s....
2 déc. 2020 à 13:14
Je suis un tutoriel de egghead.io sur l'utilisation de React avec Webpack. Je souhaite cibler des navigateurs spécifiques et charger uniquement les fonctionnalités nécessaires avec Browserslist mais j'obtiens un error lors de la compilation. package.json { "name": "react", "version": "1.0.0", ....
J'ai un problème avec l'objet global window sur le projet de construction dans gatsby. J'utilise un crochet multimédia personnalisé pour changer la connexion dans certaines résolutions. Cela fonctionne bien lors de l'exécution du projet. Mais quand j'essaye npm run build pour le projet de constructi....
22 nov. 2020 à 23:37
Le code ci-dessous semble utiliser l 'import dynamique: (function executeApplication(): void { const loadDataButton: HTMLElement | null = document.getElementById("LoadDataButton"); if (loadDataButton !== null) { loadDataButton.addEventListener("click", (): void => { (async function ha....
18 nov. 2020 à 12:53
Je suis l'auteur de la bibliothèque next-translate, et je travaille sur une version expérimentale pour laquelle j'obtiens une erreur avec React 16.14.0 et je ne comprends pas pourquoi cela se produit. La mise à niveau de React vers la version 17 fonctionne correctement , mais je ne veux pas force....
17 nov. 2020 à 15:38
Quand j'exécute npm run build, j'obtiens le dossier de construction et index.html et d'autres fichiers également. <!doctype html> <html lang="en"> <head> <meta charset="utf-8" /> <link rel="icon" href="/favicon.ico" /> <meta name="viewport" content="width=device-width,initial-scale=1" /....
10 nov. 2020 à 12:35
J'utilise Storybook depuis un certain temps maintenant mais je ne comprenais toujours pas la raison pour laquelle Storybook a sa propre configuration Webpack. Par exemple, si je configure un chemin absolu dans tsconfig.json, je dois faire la même chose pour le livre d'histoires. Ou si je veux utilis....
5 nov. 2020 à 09:55
Je suis nouveau sur React.js et j'essaie de configurer une application de réaction simple localement à l'aide de webpack. lors de l'exécution de la commande npm run dev, je reçois une erreur ci-dessous. Erreur lors de l'obtention de l'invite de commande après l'exécution de npm run dev F:\ReactAp....
30 oct. 2020 à 13:28
J'ai l'habitude de créer des projets de réaction à l'aide de create-react-app , mais j'ai décidé d'en créer un sans elle, mais je suis bloqué dans la configuration du webpack car je suis nouveau: Voici mon fichier package.json : { "name": "package.json", "version": "1.0.0", "description": ....
26 oct. 2020 à 23:57
tl; dr Quelle est la bonne façon d'importer Vue 3 dans un fichier js de base, puis d'utiliser Vue composition-api dans d'autres fichiers js autonomes qui seront chargés après ce fichier de base? J'utilise Vue pour améliorer l'expérience utilisateur dans des pages spécifiques. Par exemple, dans l....
Je démarre une nouvelle application Rails 6. Si j'ai bien compris, Webpack (er) (gem webpacker) a remplacé Sprockets comme nouveau standard pour inclure / minifier JS (source). De plus, Rails 6 nécessite désormais tous les deux Node.js et fil. Ai-je raison de supposer que les dépendances Node.js ....
21 oct. 2020 à 17:57
Dans un nouveau projet Laravel créé par l'installateur avec l'option Jetstream resources/js/app.js a une ligne qui lit: Vue.mixin({ methods: { route } }); PHPStorm signale que route est une variable ou un type non résolu. Cela arrive, PHPStorm peut se tromper. Dans une application nouvellement cr....
20 oct. 2020 à 15:25
Je suis le mainteneur de external-svg-sprite-loader et j'ai remarqué que lorsque je l'utilise avec webpack 5, je reçois l'avertissement suivant: [DEP_WEBPACK_CHUNK_MODULES_ITERABLE] DeprecationWarning: Chunk.modulesIterable: Use new ChunkGraph API La construction réussit mais j'aimerais pouvoir cor....
19 oct. 2020 à 14:40
) J'aimerais pré-extraire les polices que j'ai générées à l'aide de Tailwindcss. J'ai inclus la police de cette façon: @layer base { /* lato-300 - latin */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 300; src: local('Lato Light'), lo....
17 oct. 2020 à 14:46
Je développe une extension chrome en utilisant vue 3, vue-router et vuex basée sur le projet de Kocal qui utilise vue-cli sous le capot. J'ai utilisé chaque fois que possible des composants de fichier unique avec une utilisation intensive des liaisons de vue. Tout fonctionne parfaitement en mode dév....
Im ayant quelques throubes essayant de rendre plusieurs pages et de réagir. Je suis nouveau dans react c'est pourquoi je regardais dans de nombreuses pages et tutoriels.j'utilise react, webpack, babel et eslint airbnb Quand je rend mon application de réaction ressemble à ceci comment rendre la page ....
Bonjour, je suis un développeur frontEnd. Tout d'abord, je ne connais pas grand-chose à l'environnement d'exécution. Est-il possible de convertir mon projet en Deno avec Node? Même si je change tout mon code, Je ne sais pas si les bibliothèques que j'ai reçues peuvent fonctionner dans un environne....
20 mai 2020 à 04:09
Le contenu de webpack.mix.js: const mix = require('laravel-mix'); mix.js('resources/assets/js/vendor.js', 'public/js'); Le contenu de vendor.js: window.Popper = require('@popperjs/core').default; try { window.$ = window.jQuery = require('jquery/dist/jquery.slim.js'); require('bootstrap')....
J'ai créé une application TypeScript React en utilisant: yarn create react-app my-app --template typescript De cette façon, mon projet est compilé avec Babel puis regroupé par webpack. Maintenant, je veux utiliser les namespaces de TypeScript , qui ne sont pas pris en charge dans Babel par défaut, ....
16 avril 2020 à 03:14
J'utilise Nuxt.js + Vuetify, mais les images ne peuvent pas être chargées dans mes fichiers de page suivante. Par exemple, dans mon ./pages/browse/index.vue, j'ai un tag d'image vuetify comme celui-ci: <v-img src="~/assets/img/test.png" style="width:300px" contain ></v-img> L'image se trouve ....
13 avril 2020 à 07:35
J'essaie de configurer les cartes sources dans l'espoir que cela amènera à montrer la position réelle d'une erreur dans les outils de développement Chrome. J'ai essayé ces options dans vue.config.js: configureWebpack: { devtool: 'eval-source-map', }, Et configureWebpack: { devtool: 'source-map'....
30 mars 2020 à 20:21
Le composant paresseux dans vue / webpack semble être faux ou je manque de confusion sur les termes. Pour effectuer un chargement différé du composant, j'utilise le mot-clé import et webpack doit diviser ce composant pour séparer le bundle, et quand j'ai besoin de charger ce composant, le webpack do....
6 mars 2020 à 20:44
Dans un projet Angular 9, je travaille avec deux environnements: production et simulation. Je veux cela: QUAND je cours ng build --prod ALORS, les fichiers simulés ne doivent pas être inclus dans le bundle js. J'utilise l'extension .mock.ts pour les fichiers simulés et je crée des dossiers mocks afi....
J'ai lu de nombreuses réponses à cette question, mais je n'arrive pas à résoudre mon problème, alors je viens ici pour obtenir de l'aide ... Voici mon fichier de conf de webpack: const path = require('path'); const MiniCssExtractPlugin = require('mini-css-extract-plugin'); // https://github.com/webp....
5 mars 2020 à 19:11
J'ai créé un package NPM pour réagir, cela fonctionne bien sur Node mais cela ne fonctionne pas sur le navigateur sans nœud. Si j'importe dans le nœud comme ceci: import Progress from 'package-name' // jsx <Progress /> //working fine Ça marche bien. Mais si je l'utilise depuis CDN comme unpkg, ça ....
18 févr. 2020 à 04:33