Tag: webpack-2

Die Version 2 des Webpack bundler. Webpack nimmt Module mit Abhängigkeiten und erzeugt statische Vermögenswerte, die den Gegenwert dieser Module.

Aktivieren webpack hot-reload in einem docker-Anwendung

Anzahl der Antworten 4 Antworten
Habe ich ein docker-app mit den folgenden Containern Knoten - source-code des Projekts. es dient der html-Seite befindet sich im öffentlichen Ordner. webpack - Uhren-Dateien in den Knoten container und aktualisiert die öffentlichen Ordner (aus der Knoten-container)

Webpack 2 eslint-loader-auto-Update

Anzahl der Antworten 1 Antworten
Im webpack 1.x könnte ich die eslint-Eigenschaft in meinem webpack config zu aktivieren autofixing meine linting Fehler: ... module.exports = { devtool: 'source-map', entry: './src/app.js', eslint: { configFile: '.eslintrc', fix: true }, ... Jedoch im webpack 2.x,

Verwenden webpack zu bündeln verschiedene ES6-Klassen in einer Datei für den import in ein script-tag

Anzahl der Antworten 2 Antworten
Es wurde drei Tage jetzt, dass ich versuche zu verstehen, webpack, führen Sie eine einfache Aufgabe (die natürlich im Laufe von drei Tagen konnte ich von hand gemacht), aber für die Zwecke des Lernens webpack und in

Express.statische() funktioniert nicht

Anzahl der Antworten 1 Antworten
Habe ich folgende server-code: var express = require('express'); var webpack = require('webpack'); var app = express(); //app.use(express.static(path.join(__dirname, "public"))); app.use("/", express.static(__dirname + "/public")); //both not working. I have tried multiple ways.... app.get("/",function (req, res){ res.sendFile(__dirname + "/public/index/index.html") });

Webpack2 / awesome-Typoskript-Loader scheint nicht zu kompilieren

Anzahl der Antworten 2 Antworten
Meine aktuellen webpack-setup hat ein problem irgendwo.. und ich kann ihn nicht finden. Ich bin mit Angular2+Webpack2+AwesomeTypescriptLoader. App ist und läuft, aber webpack ist nicht neu kompilieren meine app richtig. Wenn ich eine ts-Datei in mein Projekt

webpack nicht erzeugen von source maps

Anzahl der Antworten 3 Antworten
webpack.config.js const path = require('path'); const webpack = require('webpack'); module.exports = { entry: './src/index.js', plugins: [ new webpack.HotModuleReplacementPlugin() ], output: { filename: 'bundle.js', path: path.resolve(__dirname, 'dist') }, devServer: { hot: true, contentBase: path.join(__dirname, 'dist'), }, devtool: "source-map"

Wie kann man das “@types/node/index.d....ts ist nicht ein Modul"?

Anzahl der Antworten 2 Antworten
Habe ich installiert-Knoten-Typ-Definitionen mit dem folgenden Befehl npm install --save-dev @types/node Danach, wenn ich versuche zu importieren, Knoten-Typ-Definitionen mit Hilfe der folgenden Anweisung import { Process } from '@types/node'; oder import { Process } from 'node'; Bekomme

Webpack 2: cannot resolve Modul

Anzahl der Antworten 3 Antworten
Habe ich ein Projekt wie dieses: root/ webpack-config.js app/ app.js js/ dep.js core/ module.js Hier ist das webpack config-Datei: module.exports = { entry: './app/app.js', output: { path: __dirname, filename: "[name]-bundle.js" }, module: { loaders: [ { test:

Ausgang ein N-Modul mit webpack

Anzahl der Antworten 2 Antworten
Mit Rollup, die ich ausgeben kann, ein N-Modul durch einfaches einstellen der format option 'es'. Wie kann ich das gleiche tun mit webpack? Wenn es jetzt nicht möglich, tut webpack haben Sie irgendwelche Pläne, um es hinzuzufügen?

Typoskript reagieren - Konnte nicht finden, eine Erklärung-Datei für das Modul "reagieren-materialisieren'. 'path/to/module-name.js' implizit hat jede Art

Anzahl der Antworten 11 Antworten
Ich versuche zu importieren Komponenten aus reagieren-materialisieren - import {Navbar, NavItem} from 'react-materialize'; Aber wenn das webpack ist compining meine .tsx wirft es einen Fehler für die oben genannten als - ERROR in ./src/common/navbar.tsx (3,31): error TS7016:

Webpack-bundles, meine Dateien in der falschen Reihenfolge (CommonsChunkPlugin)

Anzahl der Antworten 3 Antworten
Was ich will, ist zu bündeln und meine JavaScript-vendor-Dateien in einer bestimmten Reihenfolge über CommonsChunkPlugin von Webpack. Ich bin mit der CommonsChunkPlugin für Webpack. Die Nutzung von der offizielle Dokumentation ist geradlinig und einfach. Es funktioniert wie

webpack " dynamic module loader von verlangen

Anzahl der Antworten 3 Antworten
OK, ich habe gesucht hoch und niedrig, aber nicht zuverlässig deterrmine wenn dies oder ist nicht möglich, mit webpack. https://github.com/webpack/webpack/tree/master/examples/require.context Wird angezeigt, um anzugeben, dass man eine Zeichenfolge übergeben, um eine Funktion oder ein Modul laden... Aber

Webpack Installieren Bootstrap - fehlende popper.js.anzeigen

Anzahl der Antworten 5 Antworten
Folgte ich den Anweisungen in https://getbootstrap.com/docs/4.0/getting-started/webpack/ und ich auch installiert werden, und jquery popper.js mit npm. Immer noch, wenn ich den Ausgang bundle.js der browser sendet weiterhin Anfragen BEKOMMEN für popper.js.Karte und ich muss alle Vermögenswerte, die

Modul nicht gefunden: Error: Can ' T resolve './app/index.vue' vue.js Komponente importieren ES6

Anzahl der Antworten 4 Antworten
bin ich noch üben verwenden webpack2 mit vue js und babel, sondern stieß zu diesem Fehler. ich weiß nicht, was genau fehlt. ERROR in ./src/main.js Module not found: Error: Can't resolve './app/index.vue' in 'E:\xampp\htdocs\webpack-practice\src' @ ./src/main.js 3:0-43

google fonts + webpack

Anzahl der Antworten 2 Antworten
Ich bin neu webpack 2.2 ; ich würde gerne wissen, der beste Weg, um die Integration einer Google-schriftart in meinem Projekt. Ich bin mit dem Webpack HTML-plugin zum generieren einer index.html aus einer Vorlage. Also für den

Webpack eine bestimmte Datei Ausschließen

Anzahl der Antworten 2 Antworten
Ich habe diesen code In meinem webpack.config.prod.js und ich Frage mich, wie kann ich ausschließen, alle json-mit Ausnahme der in einen bestimmten Pfad wie src/configs/configs exclude: [ /\.html$/, /\.(js|jsx)$/, /\.css$/, /\.json$/, /\.bmp$/, /\.gif$/, /\.jpe?g$/, /\.png$/, ], loader:

Nicht lösen kann "babel-loader'

Anzahl der Antworten 1 Antworten
Ich versuche zu konfigurieren, meine erste Knoten reagieren app. Ich erhalte eine Fehlermeldung, die sagt "nicht auflösen Kann, babel-loader". Googeln, Fehler, fand ich ein paar Anregungen, welche nicht funktionieren. Die erste ist, fügen Sie den folgenden, um

Webpack 2 - babel-loader - ausschließen node_modules?

Anzahl der Antworten 4 Antworten
Seit ich ein Upgrade auf Webpack 2, ich kann nicht "ausschließen" meine "Regeln". Nicht "ausschließen" in "Optionen". Was ist der richtige Weg, es zu tun jetzt? Bevor: { test: /\.js$/, loader: 'babel-loader', exclude: /node_modules/, } Nun: {

Gewusst wie: importieren von CSS-Dateien in webpack?

Anzahl der Antworten 1 Antworten
Entsprechend der Dokumentation, CSS-Datei sollte nur imported. Ich bin gerade erst mit webpack und versucht zu importieren einer CSS-Datei, aber ich bekomme eine Meldung über ein Modul fehlt: D:\Dropbox\dev\jekyll\blog>webpack --display-error-details Hash: 0cabc1049cbcbdb8d134 Version: webpack 2.6.1 Time: 74ms

Unterschied zwischen System.import() und import()?

Anzahl der Antworten 2 Antworten
In webpack 1 docs Anweisung, dass im webpack verwenden 2 System.import() für dynamische erfordern: Glücklicherweise, es ist eine JavaScript-API "loader" - Spezifikation sein geschrieben behandeln den dynamischen Anwendungsfall: System.load (oder System.import). Diese API wird das native äquivalent

"Unexpected token importieren` in `webpack.config.babel.js` bei der Verwendung von `{Module: false}`

Anzahl der Antworten 4 Antworten
Habe ich ein Projekt Reagieren, die verwendet Webpack als Modul bundler, und babel-loader verwandeln es in ES5, mit folgenden Einstellungen: module: { rules: [ { test: /\.jsx?$/, exclude: /node_modules/, use: [ { loader: "babel-loader" } ] }

tslint-loader mit webpack 2.1.0-beta.25

Anzahl der Antworten 3 Antworten
Ich habe eine angular2 Projekt, dass ich komprimieren/compilieren mit webpack. Benutze ich tslink loader mit webpack also ich habe tslint bezogene Konfiguration in webpack.config.js. module.exports = { ... tslint: { configuration: { rules: { quotemark: [true, "double"]

Wann verwende ich die 'Nutzung' und 'loader' in der Webpack-2-Modul.Regeln?

Anzahl der Antworten 2 Antworten
Ich bin ein Upgrade meines aktuellen Projekts Webpack2das war es mit Webpack1 vor. Ich habe sah in ein paar tutorials zu aktualisieren und im Allgemeinen, ich verstehe. Das Problem, das ich immer wieder mit, obwohl, ich bin

Navigationsfehler in angular2

Anzahl der Antworten 5 Antworten
Ich habe aktualisiert die eckige Pakete version von 2.4.10 auf 4.0.0 nach der Aktualisierung bin ich immer die folgenden Fehler während der Navigation. ERROR Error: Uncaught (in promise): Error: Found the synthetic property @transformPlaceholder. Please include either

So ermitteln Sie die installierte Webpack-Version

Anzahl der Antworten 3 Antworten
Insbesondere während des übergangs von webpack v1 zu v2, es wäre wichtig, um programmgesteuert ermitteln, was webpack version ist installiert, aber ich kann nicht scheinen zu finden, die entsprechende API. InformationsquelleAutor der Frage doberkofler | 2017-01-15

Definieren Sie globale Variable mit Webpack

Anzahl der Antworten 4 Antworten
Ist es möglich zu definieren, eine Globale variable mit webpack zu führen, so etwas wie dieses: var myvar = {}; Alle Beispiele, die ich sah, waren über externe Datei require("imports?$=jquery!./file.js") InformationsquelleAutor der Frage Teneff | 2016-06-06

Feld 'Browser' enthält keine gültige Alias-Konfiguration

Anzahl der Antworten 8 Antworten
Habe ich angefangen mit webpack2 (um genau zu sein, v2.3.2) und nach dem neu-erstellen meine config, die ich laufen in ein Problem, ich kann nicht scheinen, um zu lösen. Ich bekomme (sorry im Voraus für hässliche Müllkippe):