Questions marquées «webpack»

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

5
Exportation / importation ES6 dans un fichier d'index
J'utilise actuellement ES6 dans une application React via webpack / babel. J'utilise des fichiers d'index pour rassembler tous les composants d'un module et les exporter. Malheureusement, cela ressemble à ceci: import Comp1_ from './Comp1.jsx'; import Comp2_ from './Comp2.jsx'; import Comp3_ from './Comp3.jsx'; export const Comp1 = Comp1_; export const Comp2 …
9
Webpack.config comment copier simplement l'index.html dans le dossier dist
J'essaie d'automatiser les actifs entrant dans / dist. J'ai le config.js suivant: module.exports = { context: __dirname + "/lib", entry: { main: [ "./baa.ts" ] }, output: { path: __dirname + "/dist", filename: "foo.js" }, devtool: "source-map", module: { loaders: [ { test: /\.ts$/, loader: 'awesome-typescript-loader' }, { test: /\.css$/, …
192 webpack 
13
Comment faire fonctionner le serveur de développement Webpack sur le port 80 et sur 0.0.0.0 pour le rendre accessible au public?
Je suis nouveau dans le monde entier de nodejs / reactjs, donc excuses si ma question semble idiote. Donc je joue avec reactabular.js . Chaque fois que je fais un, npm startça continue toujours localhost:8080. Comment puis-je le modifier pour qu'il s'exécute 0.0.0.0:8080pour le rendre accessible au public? J'ai essayé …
6
Comment ajouter des polices pour créer des projets basés sur des applications?
J'utilise create-react-app et je préfère ne pas le faire eject. On ne sait pas où doivent aller les polices importées via @ font-face et chargées localement. À savoir, je charge @font-face { font-family: 'Myriad Pro Regular'; font-style: normal; font-weight: normal; src: local('Myriad Pro Regular'), url('MYRIADPRO-REGULAR.woff') format('woff'); } Aucune suggestion? -- …
11
Résoudre les chemins requis avec Webpack
Je ne sais toujours pas comment résoudre les chemins de module avec webpack. Maintenant j'écris: myfile = require('../../mydir/myfile.js') mais j'aimerais écrire myfile = require('mydir/myfile.js') Je pensais que résoudre.alias peut aider puisque je vois un exemple similaire utilisant { xyz: "/some/dir" }comme alias alors que je peux require("xyz/file.js"). Mais si je …
5
Gulp + Webpack ou JUST Webpack?
Je vois des gens utiliser gulp avec webpack. Mais alors j'ai lu webpack peut remplacer gulp? Je suis complètement confus ici ... quelqu'un peut-il expliquer? METTRE À JOUR à la fin j'ai commencé par gulp. J'étais nouveau dans le front-end moderne et je voulais juste être opérationnel rapidement. Maintenant que …
161 node.js  webpack  gulp 
16
Erreur: impossible de trouver le module 'webpack'
Je ne fais que commencer avec webpack et j'ai du mal à créer l' exemple à points d'entrée multiples . Le fichier webpack.config.js de l'exemple comprend la ligne var CommonsChunkPlugin = require("../../lib/optimize/CommonsChunkPlugin"); qui échoue pour moi avec l'erreur Error: Cannot find module '../../lib/optimize/CommonsChunkPlugin' En cherchant, j'ai trouvé d'autres exemples d'utilisation …
152 node.js  webpack 
16
La restriction create-react-app importe en dehors du répertoire src
J'utilise create-react-app. J'essaye d'appeler une image de mon dossier public à partir d'un fichier dans mon src/components. Je reçois ce message d'erreur. ./src/components/website_index.js Module non trouvé: Vous avez tenté d'importer ../../public/images/logo/WC-BlackonWhite.jpg qui se trouve en dehors du répertoire src / du projet. Les importations relatives en dehors de src / …
10
Comment dire au serveur de développement Webpack de servir index.html pour n'importe quel itinéraire
Le routeur React permet aux applications de réagir /arbitrary/route. Pour que cela fonctionne, j'ai besoin que mon serveur envoie l'application React sur n'importe quel itinéraire correspondant. Mais le serveur de développement Webpack ne gère pas les points de terminaison arbitraires. Il existe ici une solution utilisant un serveur express supplémentaire. …
6
Comment charger des fichiers image avec le chargeur de fichiers Webpack
J'utilise webpack pour gérer un projet reactjs . Je souhaite charger des images en javascript par webpack file-loader. Voici le webpack.config.js : const webpack = require('webpack'); const path = require('path'); const NpmInstallPlugin = require('npm-install-webpack-plugin'); const PATHS = { react: path.join(__dirname, 'node_modules/react/dist/react.min.js'), app: path.join(__dirname, 'src'), build: path.join(__dirname, './dist') }; module.exports = …
En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.