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.

5
Webpack ohne node_modules nicht ausschließen
Ich verwende Webpack für ein Node-Framework, das ich erstelle (obwohl ich zugegebenermaßen wahrscheinlich gulp verwenden sollte). Wenn ich das EJS-Modul einbinde, nimmt Webpack es in die kompilierte Quelle auf, obwohl ich es ausdrücklich anweise, das Verzeichnis node_modules auszuschließen. module.exports = { context: __dirname, target: 'node', // ... output: { libraryTarget: …
4
Fenster nicht definiert Fehler bei Verwendung von Extract-Text-Webpack-Plugin React
Ich verwende Webpack, um meine Reaktionskomponenten zu erstellen, und ich versuche, extract-text-webpack-pluginmein CSS von meiner generierten JS-Datei zu trennen. Wenn ich jedoch versuche, die Komponente zu erstellen, wird der folgende Fehler angezeigt: Module build failed: ReferenceError: window is not defined . Meine Datei webpack.config.js sieht folgendermaßen aus: var webpack = …
82 reactjs  webpack 
9
Webpack: Stille Ausgabe
Ich würde gerne wissen, ob es eine Konfigurationsoption gibt, mit der Webpack angewiesen wird, nur die "wichtigen Informationen" im Terminal zu protokollieren. Ziemlich nur Fehler und Warnungen, nicht alles: Es gibt einfach so viel Ausgabe! Würde gerne das übliche Zeug unterdrücken und nur die Warnungen / Fehler vom Webpack ausgeben …
10
Pfad-Aliase für Importe in WebStorm
Ich verwende Webpack-Pfad-Aliase zum Laden von ES6-Modulen. ZB Wenn ich utilsanstelle von so etwas einen Alias ​​definiere import Foo from "../../../utils/foo", kann ich das tun import Foo from "utils/foo" Das Problem ist, dass WebStorm, sobald ich Aliase verwende, den Überblick über den Import verliert und Warnungen und keine automatische Vervollständigung …
3
Webpack - Kritische Abhängigkeit: Die Anforderung einer Abhängigkeit ist ein Ausdruck
Beim Importieren requestin ein Barebone-Webpack-Projekt werden drei Warnmeldungen angezeigt. Ein minimales Beispiel zur Reproduktion des Fehlers ist auf GitHub (run npm installand npm start) verfügbar . Critical dependency: the request of a dependency is an expression Wie kann ich diese Warnung loswerden? Mehr Informationen: Webpack versucht, requireAnrufe statisch aufzulösen , …
81 webpack  request  ajv 
2
Webpack / Babel / React Build-Fehler: "Unbekannte Option: foo / node_modules / react / react.js.Children"
Ich versuche ein Projekt mit Webpack zu erstellen und mit dieser Webpack-Konfiguration zu reagieren: var path = require('path'); var webpack = require('webpack'); module.exports = { entry: [ 'babel-polyfill', './app/less/main.less', './app/main.js', 'webpack-dev-server/client?http://localhost:8080' ], output: { publicPath: '/', filename: 'dist/main.js' }, debug: true, devtool: 'source-map', module: { loaders: [ { test: /\.js$/, …
11
Webpack-dev-server kompiliert Dateien, aktualisiert oder kompiliert Javascript jedoch nicht für den Browser
Ich versuche, webpack-dev-server zu verwenden, um Dateien zu kompilieren und einen dev-Webserver zu starten. In meinem habe package.jsonich die Skripteigenschaft festgelegt auf: "scripts": { "dev": "webpack-dev-server --hot --inline", } Das --hotund --inlinesollte also den Webserver und das Hot-Reloading ermöglichen (so wie ich es verstehe). In meiner webpack.config.jsDatei lege ich die …
1
Der Webpack-Import gibt abhängig von der Reihenfolge der Importe undefiniert zurück
Ich benutze Webpack + Babel. Ich habe drei Module, die so aussehen: // A.js // some other imports here console.log('A'); export default 'some-const'; // B.js import someConst from './A'; console.log('B', someConst); export default 'something-else'; // main.js import someConst from './A'; import somethingElse from './B'; console.log('main', someConst); Wenn main.jsausgeführt wird, sehe …
8
Fehler: Modul 'Style-Loader' kann nicht aufgelöst werden
Ich benutze Style-Loader mit Webpack und React Framework. Wenn ich Webpack im Terminal ausführe, erhalte Module not found: Error: Cannot resolve module 'style-loader'ich die Datei import.js, obwohl ich den Dateipfad korrekt angegeben habe. import '../css/style.css'; import React from 'react'; import ReactDOM from 'react-dom'; import jQuery from 'jquery'; import TopicsList from …
7
Bilder dynamisch hinzufügen Reagieren Sie auf Webpack
Ich habe versucht herauszufinden, wie Bilder über React und Webpack dynamisch hinzugefügt werden können. Ich habe einen Bildordner unter src / images und eine Komponente unter src / components / index . Ich verwende URL-Loader mit der folgenden Konfiguration für Webpack { test: /\.(png|jpg|)$/, loader: 'url-loader?limit=200000' } Innerhalb der Komponente, …
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.