La programmation webpack

8

NPM contre Bower contre Browserify contre Gulp contre Grunt contre Webpack

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 pas comment créer des projets par eux-mêmes. Ce qu'ils …

1886 gruntjs npm gulp bower webpack

11

Gérer la dépendance du plugin jQuery dans le webpack

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 avoir aussi dans …

451 javascript jquery amd webpack

12

Comment regrouper une application Angular pour la production

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 ultérieures.

353 angular webpack systemjs angular-cli

11

Comment copier des fichiers statiques pour créer un répertoire avec Webpack?

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 plugin?

331 javascript webpack

6

Comment générer des sourcemaps lorsque j'utilise babel et webpack?

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'); module.exports = { output: …

328 javascript webpack build-process babeljs source-maps

15

Passer des variables dépendantes de l'environnement dans 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 webpack?

306 javascript webpack

5

Importation ES6 à l'aide du chemin de connexion at ('@') dans un projet vue.js à l'aide de Webpack

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 'vue-router' import Hello from '@/components/Hello' // <- this one …

273 javascript webpack ecmascript-6 vue.js

27

Comment ajouter font-awesome au projet Angular 2 + CLI

J'utilise Angular 2+ et Angular CLI. Comment ajouter une police géniale à mon projet?

269 angular webpack angular-cli

8

Que fait «publicPath» dans Webpack?

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 output.publicPathet si c'est nécessaire. module.exports = { output: { path: path.resolve("./examples/dist"), filename: …

250 javascript webpack

2

Qu'est-ce que le remplacement de module à chaud dans Webpack?

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 …

245 javascript module livereload webpack

4

Chargeur de style Webpack vs chargeur CSS

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 dans les fichiers …

238 webpack webpack-style-loader

14

Comment construire un bundle minifié et non compressé avec webpack?

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 reçois seulement bundle.min.js bundle.min.js.map J'aimerais aussi voir le non compressé bundle.js

233 javascript node.js webpack

3

Quelles sont les différences entre SystemJS et Webpack?

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 serait-il pas suffisant …

222 angular webpack systemjs node-modules

8

Obtention d'une exportation de jeton inattendue

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"); } }

221 javascript ecmascript-6 webpack babel

16

Comment puis-je utiliser ES6 dans webpack.config.js?

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 besoin.

210 webpack

Questions marquées «webpack»