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
ES6 Exportieren / Importieren in Indexdatei
Ich verwende derzeit ES6 in einer React-App über Webpack / Babel. Ich verwende Indexdateien, um alle Komponenten eines Moduls zu sammeln und zu exportieren. Das sieht leider so aus: import Comp1_ from './Comp1.jsx'; import Comp2_ from './Comp2.jsx'; import Comp3_ from './Comp3.jsx'; export const Comp1 = Comp1_; export const Comp2 = …
9
Webpack.config, wie man die index.html einfach in den dist-Ordner kopiert
Ich versuche, Assets zu automatisieren, die in / dist gehen. Ich habe die folgende config.js: module.exports = { context: __dirname + "/lib", entry: { main: [ "./baa.ts" ] }, output: { path: __dirname + "/dist", filename: "foo.js" }, devtool: "source-map", module: { loaders: [ { test: /\.ts$/, loader: 'awesome-typescript-loader' }, …
189 webpack 
6
Wie füge ich Schriftarten zu Projekten hinzu, die auf Apps basieren?
Ich benutze die Create-React-App und ziehe es vor, dies nicht zu tun eject. Es ist nicht klar, wohin über @ font-face importierte und lokal geladene Schriftarten gehen sollen. Ich lade nämlich @font-face { font-family: 'Myriad Pro Regular'; font-style: normal; font-weight: normal; src: local('Myriad Pro Regular'), url('MYRIADPRO-REGULAR.woff') format('woff'); } Irgendwelche Vorschläge? …
9
Wo befindet sich die Webpack-Konfiguration und die Dateien für die Create-React-App?
Ich erstelle ein ReactJS-Projekt mit dem create-react-appPaket und das hat gut funktioniert, aber ich kann keine Webpack-Dateien und -Konfigurationen finden. Wie funktioniert die React-Create-App mit Webpack? Wo befinden sich die Webpack-Konfigurationsdateien in einer Standardinstallation mit create-react-app? Ich kann keine Konfigurationsdateien in den Ordnern meines Projekts finden. Ich habe keine Überschreibungskonfigurationsdatei …
7
So erstellen Sie mehrere Ausgabepfade in der Webpack-Konfiguration
Weiß jemand, wie man mehrere Ausgabepfade in einer webpack.config.js-Datei erstellt? Ich verwende Bootstrap-Sass, das mit einigen verschiedenen Schriftdateien usw. geliefert wird. Damit Webpack diese verarbeiten kann, habe ich einen Dateilader hinzugefügt, der ordnungsgemäß funktioniert. Die ausgegebenen Dateien werden jedoch unter dem von mir angegebenen Ausgabepfad gespeichert der Rest meiner Dateien: …
165 path  output  config  webpack  loader 
11
Das Auflösen erfordert Pfade mit Webpack
Ich bin immer noch verwirrt, wie man Modulpfade mit Webpack auflöst. Jetzt schreibe ich: myfile = require('../../mydir/myfile.js') aber ich würde gerne schreiben myfile = require('mydir/myfile.js') Ich dachte, dass resolve.alias helfen könnte, da ich ein ähnliches Beispiel sehe, das { xyz: "/some/dir" }als Alias verwendet wird, als ich kann require("xyz/file.js"). Aber …
8
Was bedeutet "Der Codegenerator hat das Styling von [einigen Dateien] deoptimiert, da es das Maximum von" 100 KB "überschreitet?"
Ich habe meinem Projekt ein neues npm-Paket hinzugefügt und benötige es in einem meiner Module. Jetzt bekomme ich diese Nachricht vom Webpack, build modulesNote: The code generator has deoptimised the styling of "D:/path/to/project/node_modules/ramda/dist/ramda.js" as it exceeds the max of "100KB". Was heißt das? Muss ich etwas unternehmen?
164 webpack  babeljs 
5
Gulp + Webpack oder NUR Webpack?
Ich sehe Leute, die Schluck mit Webpack benutzen. Aber dann habe ich gelesen, Webpack kann Schluck ersetzen? Ich bin hier völlig verwirrt ... kann jemand erklären? AKTUALISIEREN Am Ende fing ich mit Schlucken an. Ich war neu im modernen Frontend und wollte nur schnell einsatzbereit sein. Jetzt, wo ich nach …
161 node.js  webpack  gulp 
16
Fehler: Modul 'Webpack' kann nicht gefunden werden
Ich fange gerade erst mit dem Webpack an und habe Schwierigkeiten, das Beispiel mit mehreren Einstiegspunkten zu erstellen. Die Datei webpack.config.js im Beispiel enthält die Zeile var CommonsChunkPlugin = require("../../lib/optimize/CommonsChunkPlugin"); was für mich mit dem fehler fehlschlägt Error: Cannot find module '../../lib/optimize/CommonsChunkPlugin' Beim Durchsuchen habe ich andere Beispiele für die …
151 node.js  webpack 
16
Die Create-React-App importiert Einschränkungen außerhalb des src-Verzeichnisses
Ich benutze die Create-React-App. Ich versuche, ein Bild aus meinem öffentlichen Ordner aus einer Datei in meinem Ordner aufzurufen src/components. Ich erhalte diese Fehlermeldung. ./src/components/website_index.js Modul nicht gefunden: Sie haben versucht, ../../public/images/logo/WC-BlackonWhite.jpg zu importieren, das außerhalb des Projektverzeichnisses src / liegt. Relative Importe außerhalb von src / werden nicht unterstützt. …
10
So weisen Sie den Webpack-Entwicklungsserver an, index.html für jede Route bereitzustellen
Mit dem React-Router können React-Apps verarbeitet werden /arbitrary/route. Damit dies funktioniert, muss mein Server die React-App auf einer beliebigen Route senden. Der Webpack-Entwicklungsserver verarbeitet jedoch keine beliebigen Endpunkte. Hier gibt es eine Lösung mit einem zusätzlichen Express-Server. So lassen Sie den Webpack-Dev-Server Einstiegspunkte vom React-Router zu Ich möchte jedoch keinen …
6
So laden Sie Bilddateien mit dem Webpack File-Loader
Ich verwende Webpack , um ein Reactjs- Projekt zu verwalten . Ich möchte Bilder in Javascript per Webpack laden file-loader. Unten ist die webpack.config.js : const webpack = require('webpack'); const path = require('path'); const NpmInstallPlugin = require('npm-install-webpack-plugin'); const PATHS = { react: path.join(__dirname, 'node_modules/react/dist/react.min.js'), app: path.join(__dirname, 'src'), build: path.join(__dirname, './dist') …
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.