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...
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...
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:...
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...
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...
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
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...
Je viens de créer un tout nouveau angular-cliprojet et a exécuté npm install [email protected] 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": [
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...
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...
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',...
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...
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 Alors à...
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.
Je vois les erreurs suivantes lorsque j'essaye de démarrer mon application ... > [email protected] start /Users/johnnynolan/Repos/css-modules webpack && ouvrir index.html (node:5706) DeprecationWarning: Tapable.plugin is deprecated. Use new API on `.hooks` instead
J'implémente un exemple de https://github.com/moroshko/react-autosuggest Le code important est comme ceci: import React, { Component } from 'react'; import suburbs from 'json!../suburbs.json'; function getSuggestions(input, callback) { const suggestions = suburbs .filter(suburbObj =>...
Je travaille avec webpack et je dois exécuter en ./node_modules/webpack/bin/webpack.jsutilisant npx. npx webpackexécuterait le webpack binary ( ./node_modules/webpack/bin/webpack), mais chaque fois que j'exécute npx webpack, je reçois bash: npx: command not found. J'utilise: nœud: v9.5.0 npm:...
J'ai une reactjsapplication écrite en utilisant les normes ES6, et je l'utilise webpackpour la créer. Le webpackcharge les jsmodules en utilisant babel-loader. Pour être précis, j'utilise les versions de packages suivantes: ├── [email protected] ├── [email protected] ├── [email protected] └──...
J'essaye de faire quelque chose dans un projet dont je ne sais pas si c'est possible, je suis dans une mauvaise direction ou je ne comprends pas quelque chose. Nous utilisons webpack, et l'idée est de servir plus d'un fichier html. localhost: 8181 -> sert index.html localhost: 8181 /...
J'ai un fichier carrousel dans lequel je veux obtenir index.jset construire block.build.js, donc mon webpack.config.jsest: var config = { entry: './index.js', output: { path: __dirname, filename: 'block.build.js', }, devServer: { contentBase: './Carousel' }, module : { rules : [ { test: /.js$/,...