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.
J'essaie de résumer mes connaissances sur les gestionnaires de packages JavaScript, les regroupeurs et les exécuteurs de tâches les plus populaires. Corrigez-moi si j'ai tort, s'il-vous plait: npm& bowersont des gestionnaires de packages. Ils téléchargent simplement les dépendances et ne savent...
J'utilise Webpack dans mon application, dans laquelle je crée deux points d'entrée - bundle.js pour tous mes fichiers / codes JavaScript et vendors.js pour toutes les bibliothèques comme jQuery et React. Que dois-je faire pour utiliser des plugins qui ont jQuery comme dépendances et je veux les...
Quelle est la meilleure méthode pour regrouper Angular (version 2, 4, 6, ...) pour la production sur un serveur Web en direct. Veuillez inclure la version angulaire dans les réponses afin que nous puissions mieux suivre son évolution vers les versions
J'essaie de passer de Gulpà Webpack. Dans GulpJ'ai une tâche qui copie tous les fichiers et dossiers du dossier / static / vers le dossier / build / . Comment faire de même avec Webpack? Ai-je besoin d'un
Je suis nouveau sur webpack, et j'ai besoin d'un coup de main dans la configuration pour générer des sourcemaps. Je cours webpack servedepuis la ligne de commande, qui se compile avec succès. Mais j'ai vraiment besoin de sourcemaps. Ceci est mon webpack.config.js. var webpack = require('webpack');...
J'essaie de convertir une application angulaire de gulp en webpack. dans gulp, j'utilise gulp-preprocess pour remplacer certaines variables dans la page html (par exemple le nom de la base de données) en fonction du NODE_ENV. Quelle est la meilleure façon d'obtenir un résultat similaire avec...
Je commence un nouveau projet vue.js donc j'ai utilisé l'outil vue-cli pour échafauder un nouveau projet webpack (ie vue init webpack). En parcourant les fichiers générés, j'ai remarqué les importations suivantes dans le src/router/index.jsfichier: import Vue from 'vue' import Router from...
J'utilise Angular 2+ et Angular CLI. Comment ajouter une police géniale à mon
Les documents Webpack indiquent que output.publicPath: Le output.pathde la vue de l'activation de Javascript. Pourriez-vous expliquer ce que cela signifie réellement? J'utilise output.pathet output.filenamepour spécifier où Webpack doit sortir le résultat, mais je ne sais pas quoi mettre...
J'ai lu quelques pages sur le remplacement de module à chaud dans Webpack. Il existe même un exemple d'application qui l' utilise . J'ai lu tout cela et je n'ai toujours pas compris l'idée. Que puis-je en faire? Est-il censé être utilisé uniquement en développement et non en production? Est-ce...
J'ai deux questions. 1) CSS Loader et Style Loader sont deux chargeurs de webpack. Je ne pouvais pas saisir la différence entre les deux. Pourquoi dois-je utiliser deux chargeurs alors qu'ils font tous les deux le même travail? 2) Quels sont ces fichiers .useable.less et .useable.css mentionnés...
Voici mon webpack.config.js var webpack = require("webpack"); module.exports = { entry: "./entry.js", devtool: "source-map", output: { path: "./dist", filename: "bundle.min.js" }, plugins: [ new webpack.optimize.UglifyJsPlugin({minimize: true}) ] }; Je construis avec $ webpack Dans mon distdossier,...
Je crée ma première application angulaire et je devrais comprendre quel est le rôle des chargeurs de modules. Pourquoi en avons-nous besoin? J'ai essayé de rechercher et de rechercher sur Google et je ne comprends pas pourquoi nous devons installer l'un d'eux pour exécuter notre application? Ne...
J'essaie d'exécuter du code ES6 dans mon projet mais j'obtiens une erreur d'exportation de jeton inattendue. export class MyClass { constructor() { console.log("es6"); }
Comment utiliser ES6 dans webpack.config? Comme ce repo https://github.com/kriasoft/react-starter-kit fait? Par exemple: en utilisant cela import webpack from 'webpack'; au lieu de var webpack = require('webpack'); C'est plutôt une curiosité qu'un
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...
Est-il possible d'arrêter le moment.jschargement de tous les paramètres régionaux (j'ai juste besoin d'anglais) lorsque vous utilisez webpack? Je regarde la source et il semble que si hasModuleest défini, ce qui est pour webpack, alors il essaie toujours de require()tous les paramètres régionaux....
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:...
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...
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...