Als «webpack» getaggte Fragen

Webpack ist ein JavaScript-Modulbündler. Webpack verwendet Module mit Abhängigkeiten und generiert statische Assets, die diese Module darstellen. Die wichtigsten Funktionen von Webpack basieren auf der Erweiterbarkeit und ermöglichen Entwicklern die Verwendung von Best Practices für Webarchitektur und Webleistung.

8
NPM vs. Bower vs. Browserify vs. Gulp vs. Grunt vs. Webpack
Ich versuche, mein Wissen über die beliebtesten JavaScript-Paketmanager, Bundler und Task-Runner zusammenzufassen. Bitte korrigiere mich wenn ich falsch liege: npm& bowersind Paketmanager. Sie laden nur die Abhängigkeiten herunter und wissen nicht, wie sie Projekte selbst erstellen sollen. Was sie wissen , ist zu nennen webpack/ gulp/ gruntnach alle Abhängigkeiten zu …
1886 gruntjs  npm  gulp  bower  webpack 

11
Verwalten der Abhängigkeit von jQuery-Plugins im Webpack
Ich verwende Webpack in meiner Anwendung, in der ich zwei Einstiegspunkte erstelle: bundle.js für alle meine JavaScript-Dateien / -Codes und vendor.js für alle Bibliotheken wie jQuery und React. Was mache ich, um Plugins zu verwenden, deren Abhängigkeiten jQuery sind, und ich möchte sie auch in vendor.js haben? Was ist, wenn …



6
Wie generiere ich Sourcemaps, wenn ich Babel und Webpack verwende?
Ich bin neu im Webpack und brauche eine Hand beim Einrichten, um Quellkarten zu generieren. Ich laufe webpack servevon der Kommandozeile aus, die erfolgreich kompiliert wird. Aber ich brauche wirklich Sourcemaps. Das ist mein webpack.config.js. var webpack = require('webpack'); module.exports = { output: { filename: 'main.js', publicPath: '/assets/' }, cache: …

15
Übergeben von umgebungsabhängigen Variablen im Webpack
Ich versuche eine eckige App von gulp in webpack umzuwandeln. In gulp verwende ich gulp-preprocess, um einige Variablen auf der HTML-Seite (z. B. den Datenbanknamen) abhängig von NODE_ENV zu ersetzen. Was ist der beste Weg, um mit Webpack ein ähnliches Ergebnis zu erzielen?



8
Was macht "publicPath" in Webpack?
Webpack docs Zustand, der output.publicPathist: Die output.pathaus der Sicht des JavaScript. Könnten Sie bitte näher erläutern, was dies tatsächlich bedeutet? Ich verwende output.pathund output.filenamegebe an, wo Webpack das Ergebnis ausgeben soll, bin mir aber nicht sicher, was ich eingeben soll output.publicPathund ob es erforderlich ist. module.exports = { output: { …


4
Webpack Style-Loader gegen CSS-Loader
Ich habe zwei Fragen. 1) CSS Loader und Style Loader sind zwei Webpack-Loader. Ich konnte den Unterschied zwischen den beiden nicht erfassen. Warum muss ich zwei Lader verwenden, wenn beide den gleichen Job machen? 2) Was ist diese .useable.less und .useable.css, die in den obigen Readme.md-Dateien erwähnt werden?

14
Wie erstelle ich ein minimiertes und unkomprimiertes Bundle mit einem Webpack?
Hier ist meins 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}) ] }; Ich baue mit $ webpack In meinem distOrdner bekomme ich nur bundle.min.js bundle.min.js.map Ich würde auch gerne das unkomprimierte sehen bundle.js

3
Was sind die Unterschiede zwischen SystemJS und Webpack?
Ich erstelle meine erste Angular-Anwendung und würde herausfinden, welche Rolle die Modullader spielen. Warum brauchen wir sie? Ich habe versucht, bei Google zu suchen und zu suchen, und ich kann nicht verstehen, warum wir eine davon installieren müssen, um unsere Anwendung auszuführen. Könnte es nicht genug sein, nur importSachen von …


15
Wie kann ich ES6 in webpack.config.js verwenden?
Wie verwende ich ES6 in webpack.config? Gefällt dir dieses Repo https://github.com/kriasoft/react-starter-kit ? Zum Beispiel: mit diesem import webpack from 'webpack'; anstatt var webpack = require('webpack'); Es ist eher eine Kuriosität als ein Bedürfnis.
210 webpack 

Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.