La programmation webpack

1

Sourcemaps d'une ligne dans Chrome, avec Ruby on Rails, Webpack et React JS

J'ai un problème où les sourcemaps générés par Webpack à l'aide du inline-source-mapparamètre de configuration sont désactivés d'une ligne lorsque j'utilise le débogueur Chrome devtools. Webpack est configuré dans une application Ruby on Rails pour générer un fichier JavaScript concaténé et non réduit composé de quelques dizaines de modules. La …

96 javascript ruby-on-rails google-chrome webpack source-maps

2

Comment optimiser le temps de construction de Webpack à l'aide de l'outil prefetchPlugin & Analysis?

Recherche précédente: Comme le dit le wiki de Webpack, il est possible d'utiliser l'outil d'analyse pour optimiser les performances de construction: depuis: https://github.com/webpack/docs/wiki/build-performance#hints-from-build-stats Astuces des statistiques de construction Il existe un outil d'analyse qui visualise votre build et fournit également des conseils sur la manière dont la taille et les …

96 optimization webpack

2

Cache mémoire Chrome vs cache disque

Je suis intéressé par le cache mémoire Chrome vs le cache disque? J'utilise webpack, plugin de blocs communs et génère tous mes fichiers avec chunkhash. En quoi la mémoire diffère-t-elle du cache disque. Lorsque je recharge ma page, certains fichiers sont chargés depuis le cache mémoire et certains depuis le …

96 google-chrome caching webpack

11

Comment utiliser les polices Google dans React.js?

J'avais construit un site Web avec React.js et webpack . Je veux utiliser les polices Google dans la page Web, j'ai donc mis le lien dans la section. Polices Google <link href="https://fonts.googleapis.com/css?family=Bungee+Inline" rel="stylesheet"> Et définissez CSS body{ font-family: 'Bungee Inline', cursive; } Cependant, cela ne fonctionne pas. Comment puis-je résoudre …

96 reactjs webpack google-font-api

5

La dépendance Bootstrap4 PopperJs génère une erreur sur Angular

Je viens de créer un tout nouveau angular-cliprojet et a exécuté npm install bootstrap@4.0.0-beta jquery popper.js --save et modifié les parties associées de .angular-cli.json comme ci-dessous "styles": [ "../node_modules/bootstrap/dist/css/bootstrap.css" ], "scripts": [ "../node_modules/jquery/dist/jquery.js", "../node_modules/popper.js/dist/popper.js", "../node_modules/bootstrap/dist/js/bootstrap.js" ], cependant recevoir l'erreur ci-dessous 10:2287 Uncaught SyntaxError: Unexpected token export at eval (<anonymous>) at …

95 twitter-bootstrap angular webpack popper.js

30

webpack --watch ne compile pas les fichiers modifiés

J'ai essayé de courir webpack --watchet après avoir modifié mes fichiers JS, cela ne déclenche pas de recompilation automatique. J'ai essayé de réinstaller en webpackutilisant npm uninstallmais cela ne fonctionne toujours pas. Des idées?

95 javascript webpack fsevents

6

Comment charger tous les fichiers dans un répertoire à l'aide de Webpack sans instructions require

J'ai une grande quantité de fichiers javascript divisés en 4 sous-répertoires dans mon application. En grognant, je les attrape tous et les compile dans un seul fichier. Ces fichiers n'ont pas de fonction module.exports. Je veux utiliser webpack et le diviser en 4 parties. Je ne veux pas entrer manuellement …

95 javascript build webpack

2

Webpack vs webpack-dev-server vs webpack-dev-middleware vs webpack-hot-middleware vs etc.

Je commence à travailler avec webpackun node/expressenvironnement développant une ReactJSapplication de rendu côté serveur avec react-router. Je suis très confus quant au rôle de chaque package Webpack pour les environnements dev et prod (runtime). Voici le résumé de ma compréhension: webpack: Est un package, un outil pour réunir différents éléments …

95 javascript node.js webpack webpack-dev-server webpack-dev-middleware

8

Webpack comment créer du code de production et comment l'utiliser

Je suis très nouveau dans Webpack, j'ai trouvé que dans la version de production, nous pouvons réduire la taille du code global. Actuellement, Webpack génère environ 8 Mo de fichiers et main.js environ 5 Mo. Comment réduire la taille du code en production? J'ai trouvé un exemple de fichier de …

95 node.js reactjs npm webpack webpack-dev-server

9

Construction conditionnelle basée sur l'environnement utilisant Webpack

J'ai des choses à développer - par exemple des moqueries avec lesquelles je ne voudrais pas gonfler mon fichier de construction distribué. Dans RequireJS, vous pouvez passer une configuration dans un fichier de plugin et exiger conditionnellement des éléments en fonction de cela. Pour webpack, il ne semble pas y …

93 javascript build conditional require webpack

4

Webpack-dev-server sert une liste de répertoires au lieu de la page de l'application

Je ne peux voir que l'application réelle sous /public. Les configurations dans webpack.config.jssont ci-dessous: var path = require('path'); var webpack = require('webpack'); module.exports = { entry: [ 'webpack-dev-server/client?http://localhost:8080', 'webpack/hot/only-dev-server', './app/js/App.js' ], output: { path: path.join(__dirname, 'public'), filename: 'bundle.js', publicPath: 'http://localhost:8080' }, module: { loaders: [ { test: /\.js$/, loaders: ['react-hot', …

92 node.js reactjs webpack reactjs-flux webpack-dev-server

3

Comment définir correctement favicon.ico sur le projet webpack vue.js?

J'ai créé un vue webpackprojet en utilisant vue-cli. vue init webpack myproject Et puis a exécuté le projet en devmode: npm run dev J'ai eu cette erreur: Échec du chargement de la ressource: le serveur a répondu avec un état de 404 (non trouvé) http: // localhost: 8080 / favicon.ico …

91 html ecmascript-6 webpack vue.js favicon

1

Que fait un tilde `~` dans une CSS ʻurl () `?

Par exemple @import url("~./foobar"); Je l' ai vu ici , je ne sais pas s'il s'agit d'un élément spécifique au package ou s'il s'agit d'une syntaxe CSS réelle.

91 css webpack webpack-style-loader

4

Chunk.entrypoints: utilisez Chunks.groupsIterable et filtrez par instance de Entrypoint à la place

Je vois les erreurs suivantes lorsque j'essaye de démarrer mon application ... > css-modules@1.0.0 start /Users/johnnynolan/Repos/css-modules webpack && ouvrir index.html (node:5706) DeprecationWarning: Tapable.plugin is deprecated. Use new API on `.hooks` instead /Users/johnnynolan/Repos/css-modules/node_modules/webpack/lib/Chunk.js:802 throw new Error( ^ Error: Chunk.entrypoints: Use Chunks.groupsIterable and filter by instanceof Entrypoint instead at Chunk.get (/Users/johnnynolan/Repos/css-modules/node_modules/webpack/lib/Chunk.js:802:9) at …

91 javascript npm webpack

19

Objet de configuration non valide. Webpack a été initialisé à l'aide d'un objet de configuration qui ne correspond pas au schéma d'API

J'ai cette application simple de réaction helloworld créée à partir d'un cours en ligne, mais j'obtiens cette erreur: Objet de configuration non valide. Webpack a été initialisé à l'aide d'un objet de configuration qui ne correspond pas au schéma d'API. - la configuration a une propriété inconnue 'postcss'. Ces propriétés …

91 reactjs typescript webpack

Questions marquées «webpack»