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.

19
Ungültiges Konfigurationsobjekt. Webpack wurde mit einem Konfigurationsobjekt initialisiert, das nicht mit dem API-Schema übereinstimmt
Ich habe diese einfache Helloworld React App aus einem Online-Kurs erstellt, erhalte jedoch folgende Fehlermeldung: Ungültiges Konfigurationsobjekt. Webpack wurde mit einem Konfigurationsobjekt initialisiert, das nicht mit dem API-Schema übereinstimmt. - Die Konfiguration hat eine unbekannte Eigenschaft 'postcss'. Diese Eigenschaften sind gültig: Objekt {amd?, Kaution?, Cache?, Kontext?, Abhängigkeiten?, DevServer?, Devtool?, Eintrag, …
4
Webpack-dev-server liefert eine Verzeichnisliste anstelle der App-Seite
Ich kann nur die aktuelle App unter sehen /public. Die Konfigurationen in webpack.config.jssind unten: var path = require('path'); var webpack = require('webpack'); module.exports = { entry: [ 'webpack-dev-server/client?http://localhost:8080', 'webpack/hot/only-dev-server', './app/js/App.js' ], output: { path: path.join(__dirname, 'public'), filename: 'bundle.js', publicPath: 'http://localhost:8080' }, module: { loaders: [ { test: /\.js$/, loaders: ['react-hot', …
8
Befehl npx nicht gefunden
Ich arbeite mit webpack und ich brauche auszuführen ./node_modules/webpack/bin/webpack.jsverwenden npx. npx webpackwürde das Webpack binary ( ./node_modules/webpack/bin/webpack) ausführen, aber jedes Mal, wenn ich npx Webpack ausführe, bekomme ich bash: npx: command not found. Ich benutze: Knoten: v9.5.0 npm: 5.6.0 nvm: 1.1.5 Webpack: 3.11.0
88 node.js  npm  webpack  npx 
5
Mehrere HTML-Dateien mit Webpack
Ich versuche etwas in einem Projekt zu tun, bei dem ich nicht sicher bin, ob es möglich ist, ob ich falsch liege oder etwas falsch verstehe. Wir verwenden Webpack und die Idee ist, mehr als eine HTML-Datei bereitzustellen. localhost: 8181 -> dient index.html localhost: 8181 / example.html -> dient example.html …
10
Voreingestellte Dateien dürfen keine Objekte exportieren
Ich habe eine Karussell - Datei , in der ich mag zu bekommen index.jsund zu bauen block.build.js, so dass meine its webpack.config.js: var config = { entry: './index.js', output: { path: __dirname, filename: 'block.build.js', }, devServer: { contentBase: './Carousel' }, module : { rules : [ { test: /.js$/, loader: …
6
Implementierung von ES6-Modulen, Laden einer JSON-Datei
Ich implementiere ein Beispiel von https://github.com/moroshko/react-autosuggest Wichtiger Code ist wie folgt: import React, { Component } from 'react'; import suburbs from 'json!../suburbs.json'; function getSuggestions(input, callback) { const suggestions = suburbs .filter(suburbObj => suburbMatchRegex.test(suburbObj.suburb)) .sort((suburbObj1, suburbObj2) => suburbObj1.suburb.toLowerCase().indexOf(lowercasedInput) - suburbObj2.suburb.toLowerCase().indexOf(lowercasedInput) ) .slice(0, 7) .map(suburbObj => suburbObj.suburb); // 'suggestions' will be an …
22
Webpack: "Es gibt mehrere Module mit Namen, die sich nur im Gehäuse unterscheiden", aber die Module, auf die verwiesen wird, sind identisch
Ich verwende Webpack 3.8.1 und erhalte mehrere Instanzen der folgenden Build-Warnung: WARNING in ./src/Components/NavBar/MainMenuItemMobile.js There are multiple modules with names that only differ in casing. This can lead to unexpected behavior when compiling on a filesystem with other case-semantic. Use equal casing. Compare these module identifiers: * /Users/path/to/babel-loader/lib/index.js!/Users/path/to/NavBar/MainMenuItemMobile.js Used by …
5
'Symbol' ist im IE nach Verwendung von babel undefiniert
Ich habe eine reactjsApp, die mit ES6-Standards geschrieben wurde, und ich verwende sie webpack, um sie zu erstellen. Das webpacklädt die jsModule mit babel-loader. Um genau zu sein, verwende ich die folgenden Versionen von Paketen: ├── babel@5.8.34 ├── babel-core@5.8.34 ├── babel-loader@5.4.0 └── webpack@1.12.6 Nach dem Erstellen gibt der IE 10 …
3
Wie lautet die Laderbestellung für das Webpack?
Wenn ich eine Loader-Konfiguration mit mehreren Tests habe, die mit einer Datei übereinstimmen, würde ich erwarten, dass nur der erste passende Loader verwendet wird, aber das scheint nicht der Fall zu sein. Ich habe versucht, die Quelle zu lesen, aber selbst als ich das Bit gefunden habe, von dem ich …
85 webpack 
5
FEHLER in Modul 'Babel-Core' kann nicht gefunden werden. Verwenden von react.js, Webpack und Express-Server
Immer wenn ich webpackim Terminal renne, bekomme ich: Hash: efea76b1048c3a97b963 Version: webpack 1.12.13 Time: 33ms + 1 hidden modules ERROR in Cannot find module 'babel-core' Hier ist meine Datei webpack.config.js module.exports = { entry: './app-client.js', output: { filename: 'public/bundle.js' }, module: { loaders: [ { exclude: /(node_modules|app-server.js)/, loader: 'babel' } …
3
Webpack ProvidePlugin vs externals?
Ich untersuche die Idee, Webpack mit Backbone.js zu verwenden . Ich habe die Kurzanleitung befolgt und habe eine allgemeine Vorstellung davon, wie Webpack funktioniert, aber ich bin mir nicht sicher, wie ich eine Abhängigkeitsbibliothek wie jquery / backbone / underscore laden soll. Sollten sie extern mit geladen werden <script>oder kann …
9
Wie lade ich font-awesome mit SCSS (SASS) in Webpack unter Verwendung relativer Pfade?
Ich habe font-awesome in meinem Ordner node_modules, also versuche ich, es wie folgt in meine .scss-Hauptdatei zu importieren: @import "../../node_modules/font-awesome/scss/font-awesome.scss"; Die Kompilierung der Webpack-Bündelung schlägt jedoch fehl Error: Cannot resolve 'file' or 'directory' ../fonts/fontawesome-webfont.eot da die Datei font-awesome.scss auf den relativen Pfad '../fonts/' verweist. Wie kann ich scss \ 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.