La programmation webpack

5

Définir une variable globale avec webpack

Est-il possible de définir une variable globale avec webpack pour obtenir quelque chose comme ceci: var myvar = {}; Tous les exemples que j'ai vus utilisaient un fichier externe require("imports?$=jquery!./file.js")

138 javascript webpack webpack-2 webpack-3

5

configuration.module a une propriété inconnue 'loaders'

ma sortie d'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. - configuration.module a une propriété inconnue 'loaders'. Ces propriétés sont valides: object {exprContextCritical ?, exprContextRecursive ?, exprContextRegExp ?, exprContextRequest ?, noParse ?, rules ?, defaultRules …

136 reactjs webpack

6

Comment importer et exporter des composants à l'aide de React + ES6 + Webpack?

Je joue autour avec Reactet en ES6utilisant babelet webpack. Je souhaite créer plusieurs composants dans différents fichiers, les importer dans un seul fichier et les regrouper avecwebpack Disons que j'ai quelques composants comme celui-ci: my-navbar.jsx import React from 'react'; import Navbar from 'react-bootstrap/lib/Navbar'; export class MyNavbar extends React.Component { render(){ …

135 reactjs ecmascript-6 webpack

11

Chemin correct pour img sur React.js

J'ai un problème avec mes images sur mon projet react. En effet, j'ai toujours pensé que le chemin relatif dans l'attribut src était construit sur l'architecture des fichiers Voici mon architecture de fichiers: components file1.jsx file2.jsx file3.jsx container img js ... Cependant, j'ai réalisé que le chemin est construit sur …

135 javascript reactjs webpack

14

Comment diminuer la taille du bundle prod?

J'ai une application simple, initialisée par angular-cli. Il affiche quelques pages relatives à 3 itinéraires. J'ai 3 composants. Sur l'une de cette page, j'utilise lodashet des modules HTTP Angular 2 pour obtenir des données (en utilisant RxJS Observable, mapet subscribe). J'affiche ces éléments en utilisant un simple *ngFor. Mais, malgré …

135 angular webpack angular-cli

18

Comment inclure bootstrap css et js dans l'application reactjs?

Je suis nouveau sur reactjs, je souhaite inclure bootstrap dans mon application react J'ai installé bootstrap par npm install bootstrap --save Maintenant, je veux charger bootstrap css et js dans mon application react. J'utilise webpack. webpack.config.js var config = { entry: './src/index', output: { path: './', filename: 'index.js' }, devServer: …

135 twitter-bootstrap reactjs webpack

6

angular-cli où se trouve le fichier webpack.config.js - le nouvel angular6 ne prend pas en charge ng eject

MISE À JOUR: décembre 2018 (voir la réponse 'Aniket') Avec Angular CLI 6, vous devez utiliser des générateurs car ng eject est obsolète et sera bientôt supprimé dans la version 8.0 MISE À JOUR: Juin 2018: Angular 6 ne prend pas en charge ng eject ** MISE À JOUR: Février …

132 angular webpack angular-cli

14

Le champ 'navigateur' ne contient pas de configuration d'alias valide

J'ai commencé à utiliser webpack2 (pour être précis, v2.3.2) et après avoir recréé ma configuration, je continue à rencontrer un problème que je n'arrive pas à résoudre, je reçois (désolé à l'avance pour le vidage laid): ERROR in ./src/main.js Module not found: Error: Can't resolve 'components/DoISuportIt' in '[absolute path to …

131 npm webpack commonjs webpack-2 package.json

5

Configurer Webpack pour permettre le débogage du navigateur

Je suis nouveau sur Webpack et je convertis une application Web existante pour l'utiliser. J'utilise webpack pour regrouper et réduire mon JS, ce qui est excellent lorsqu'il est déployé, mais cela rend le débogage très difficile pendant le développement. En règle générale, j'utilise le débogueur intégré de Chrome pour déboguer …

130 javascript webpack

6

Appel de code Webpack de l'extérieur (balise de script HTML)

Supposons que j'ai une classe comme celle-ci (écrite en manuscrit) et que je la intègre avec webpack dans bundle.js. export class EntryPoint { static run() { ... } } Dans mon index.html, j'inclurai le bundle, mais j'aimerais également appeler cette méthode statique. <script src="build/bundle.js"></script> <script> window.onload = function() { EntryPoint.run(); …

130 javascript html typescript webpack

8

Comment déboguer Angular avec VSCode?

Comment puis-je configurer Angular et VSCode pour que mes points d'arrêt fonctionnent?

127 angular debugging webpack visual-studio-code

24

webpack n'est pas reconnu comme une commande interne ou externe, un programme utilisable ou un fichier de commandes

J'apprends React.js et j'utilise Windows 8 OS.Je suis allé dans mon dossier racine 1.Created the package.json file by npm init 2. install webpack by npm install -S webpack.now webpack has been downloaded to my modules folder 3. install webpack globally by typing npm install webpack -g 4. i am also …

125 npm webpack

9

Comment autoriser webpack-dev-server à autoriser les points d'entrée de react-router

Je crée une application qui utilise webpack-dev-server en développement aux côtés de react-router. Il semble que webpack-dev-server est construit autour de l'hypothèse que vous aurez un point d'entrée public à un endroit (c'est-à-dire "/"), alors que react-router permet un nombre illimité de points d'entrée. Je veux les avantages du serveur …

117 javascript reactjs webpack react-router

2

Task Runners (Gulp, Grunt, etc.) et Bundlers (Webpack, Browserify). Pourquoi utiliser ensemble?

Je suis un peu nouveau dans le monde des coureurs de tâches et des bundles et en passant par des choses comme Grunt, Gulp, Webpack, Browserify , Je n'ai pas senti qu'il y avait beaucoup de différence entre eux. En d'autres termes, je pense que Webpack peut faire tout ce …

117 gruntjs gulp bundler browserify webpack

18

La prise en charge de la syntaxe expérimentale 'classProperties' n'est pas activée actuellement

Alors que je configurais React dans le projet Django, j'ai rencontré cette erreur ModuleBuildError in Module build failed (from ./node_modules/babel-loader/lib/index.js): SyntaxError: C: \ Users \ 1Sun \ Cebula3 \ cebula_react \ assets \ js \ index.js: Prise en charge de la syntaxe expérimentale 'classProperties 'n'est pas activé actuellement (17: 9): …

117 reactjs webpack babeljs babel

Questions marquées «webpack»