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...

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
J'ai un projet React avec Webpack que j'essaye de dockerize en suivant cet article. Dockerfile: FROM node:12.14.1 RUN npm install webpack -g WORKDIR /tmp COPY package.json /tmp/ RUN npm config set registry http://registry.npmjs.org/ && npm install WORKDIR /usr/app COPY . /usr/app/ RUN cp -a /tm....
16 févr. 2020 à 13:42
J'ai une application électronique qui doit lire un fichier stocké dans %appdata% (ou l'équivalent pour macOS et linux). J'importe le fichier comme ceci const appPath = app.getPath("appData"); const data = await import(appPath + "/app/file.json"); Si j'exécute le code à partir du fichier source, cel....
EDIT: d'accord, j'ai corrigé le problème avec mes styles en corrigeant mon fichier serveur. J'avais oublié de mettre à jour le chemin des ressources statiques. cependant, j'ai toujours un problème. Mon javascript ne se déclenche toujours pas correctement. J'ai des règles de sortie définies dans mes....
17 janv. 2020 à 11:38
J'ai généré un projet hello-world avec @ vue / cli et maintenant je voudrais inclure un fichier .css externe dans mon App.vue Ensuite, j'ai essayé ceci: <template> <div id="app"> <div id="nav"> <router-link to="/">Home</router-link> | <router-link to="/about">About</router-link> ....
16 janv. 2020 à 16:25
MODIFIÉ: j'ai corrigé l'expression régulière pour les fichiers scss (c'était en fait une faute de frappe car je publiais ceci sur un débordement de pile, mais tout le temps que j'ai eu ce problème, l'expression régulière a été tapée correctement.) Mais cela n'a pas été corrigé le problème. je reçois....
16 janv. 2020 à 03:11
J'essaie d'utiliser webpack-4 pour obtenir la version de production de react (le projet n'est pas créé à l'aide de Create React App), mais sans succès. Mon projet utilise tapuscript et utilise ts-loader et utilise la version de React 15.6.2. Le fichier de configuration webpack actuel const path = re....
J'essaie d'exécuter le projet suivant: https://github.com/kentcdodds/react-in-angular Ce dépôt est simplement un exemple d'utilisation de React dans AngularJS. Il y a trois balises. Consultez-les afin de voir le processus de déplacement d'une application Angular vers React. Plutôt amusant et tout ....
8 janv. 2020 à 08:50
mm2:OptionsAPI ivan$ npm -v 6.13.4 Lorsque vous incluez un fichier .css, import BaseTable, { Column } from 'react-base-table' import 'react-base-table/styles.css' Je reçois une erreur comme celle-ci: ERROR in ./node_modules/react-base-table/styles.css Module parse failed: Unexpected token (1:0) Yo....
6 janv. 2020 à 21:21
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 une application ReactJS et j'utilise MaterialiseCSS via react-materialize. J'ai installé react-materialized et ajouté les références aux fichiers MaterialiseCSS dans mon fichier index.html, comme ordonné: <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/....
30 déc. 2019 à 17:25
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
Je développe un site et j'utilise webpack pour des raisons évidentes. Le problème que j'ai est avec la résolution de chemin pour les images qui sont importées dans mon projet via mes fichiers SCSS. Le problème est que css-loader ne résout pas le bon chemin. Ce qui semble se produire est le suivant: ....
Développer une application de réaction avec webpack, dans mon routeur app.js lorsque je spécifie la route à / foo, le composant est rendu normalement mais lorsque je spécifie une route comme / foo / bar, j'obtiens l'erreur suivante "La ressource de" http: // localhost: 9000 / foo / bar / bundle.js "....
17 déc. 2019 à 00:27