Tag: webpack

Webpack ist JavaScript-Modul bundler.

Webpack nimmt Module mit Abhängigkeiten und erzeugt statische Vermögenswerte, die den Gegenwert dieser Module. Webpack, die wichtigsten Merkmale sind verwurzelt in der Erweiterbarkeit und ermöglicht Entwicklern die Nutzung von best-practices in der Web-Architektur und Web-Performance.

wie Sie zum exportieren und importieren Stil in npm-Paket?

Anzahl der Antworten 1 Antworten
Ich habe einen reagieren Komponente und Veröffentliche ich die Komponente in der NPM-registry, die ich bauen mit webpack. In meinem wichtigsten Projekt, an dem ich konsumiert die Komponente npm-Paket JS so: Import myComp from 'myComp'; Das problem

Die Injektion von Variablen in webpack

Anzahl der Antworten 2 Antworten
Ich versuche zu injizieren eine variable in jedem Modul in meinem webpack bündeln, um debugging-Informationen für JS-Fehler pro Datei. Ich habe aktiviert node: { __filename: true } Aktuelle Datei-Pfad im webpack in meinem webpack.config, aber ich würde

So importieren Sie ein npm-Paket in ein angular2 Komponente?

Anzahl der Antworten 1 Antworten
Ich versuche zu lernen, die Seile von ng2 und die depedency injection system is killing me. Bin ich mit dem ng quickstart aus: https://github.com/angular/quickstart/blob/master/README.md Ich versuche zu importieren, dieses Paket in der app: https://www.npmjs.com/package/arpad. Ich installiert das

Wie man web-worker mit Typoskript und webpack

Anzahl der Antworten 3 Antworten
Ich habe einige Probleme mit richtig kompilieren meine Typoskript, wenn ich versuchen, mit web-worker. Habe ich ein Arbeiter wie folgt definiert: onmessage = (event:MessageEvent) => { var files:FileList = event.data; for (var i = 0; i <

Wie benötigen raw-statische html-Datei auf dem webpack

Anzahl der Antworten 1 Antworten
Ich geschrieben habe eine einfache Vorlage test.html <div>raw text with content</div> alles was ich will zu tun ist, dass der raw-Datei, ohne änderungen wie require('./test.html'); //should return "<div>raw text with content</div>" Ich habe versucht, das laden der

Reagieren Sie nicht zu importieren-Komponente — Modul nicht gefunden

Anzahl der Antworten 4 Antworten
Ich habe gerade angefangen mit React.js und ich bin nicht in der Lage zu importieren Komponente. Habe ich diese Struktur, gefolgt von dieses tutorial (YouTube-link) : -- src ----| index.html ----| app ------| index.js ------| components --------|

Webpack mit requirejs/AMD

Anzahl der Antworten 1 Antworten
Arbeite ich an einem neuen Modul für ein bestehendes Projekt, das noch verwendet requireJS zum laden der module. Ich bin versucht, neue Technologien zu benutzen, für mein neues Modul wie webpack (die es mir erlaubt die Verwendung

How zu bündeln und eine Bibliothek mit webpack?

Anzahl der Antworten 2 Antworten
Erstellen Sie ein frontend-Bibliothek. Deshalb will ich mit webpack. Vor allem mag ich die css-und Bild-loader. Allerdings kann ich nur eine nicht-JS-Dateien, wenn ich mich mit webpack. Weil ich bin den Aufbau einer Bibliothek, kann ich nicht

Modul nicht gefunden: Error: Cannot resolve Modul 'Modul' mongodb bei der Bündelung mit webpack

Anzahl der Antworten 1 Antworten
Webpack ist mit den folgenden Fehler, wenn ich versuche, mit Mungo-Verbindung in meine Knoten-Applikation. Anfangs waren es ein paar mehr Fehler wie, Module not found: Error: Cannot resolve module 'fs' Die folgenden änderungen in meinem webpack config-Datei

Winkel-4 ng dienen --prod vs ng dienen

Anzahl der Antworten 3 Antworten
Kurz, ich habe eine app, die 4.6 MB ng dienen. Wenn ich das mache: ng dienen --prod Bekomm ich 1MB Dateigröße. Jedoch, die --prod irgendwie machen meine gesamte Anwendung brechen. Mein ganzes Dienstleistungen (verspricht basiert), die senden

Wie zu beheben "Konflikt: Mehrere Elemente emittieren zu der gleichen mit dem Namen" Fehler im Webpack?

Anzahl der Antworten 1 Antworten
Webpack ist mir dieser Fehler für einige Grund: ERROR in chunk html [entry] appN.js Conflict: Multiple assets emit to the same filename appN.js Ist es wegen der Verwendung von "App" im Namen meiner Dateien? Meine webpack.config.js Datei:

Redux-Erweiterung - Uncaught TypeError: Ungültiger Versuch zur Ausbreitung nicht-wiederholenden Instanz

Anzahl der Antworten 1 Antworten
Arbeite ich an einer Anwendung Reagieren, die auch verwendet die Redux-dev-tools-Erweiterung. Es läuft auf Knoten und verwendet Webpack zu kompilieren. Ich habe vor kurzem aktualisiert mein Antrag auf Webpack 4 aus 2. Die Anwendung kompiliert fein durch

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?

TS2304: cannot find-name benötigen und verarbeiten

Anzahl der Antworten 3 Antworten
Wenn ich starten will, meine eckige 2-app mit "npm start". Bekomme ich Fehler: Habe ich versucht, eine Menge von "Lösungen" aus dem internet, aber nichts funktioniert. Meine Versionen: npm - 4.1.2 - Testungen - 2.1.0 Knoten -

Habe "Geblockt laden von gemischten aktiven Inhalten" auf HTTP website

Anzahl der Antworten 4 Antworten
Problem Ich entwickle eine website, serviert mit HTTP-Protokoll. In der Entwicklung, ich benutze Webpack mit der webpack-dev-server, der dazu dient die Seite lokal auf http://localhost:9090. War ich überrascht zu sehen, im Firefox-58-Konsole die folgenden gemischter Inhalt Fehlermeldung,

Webpack 4 "größer als der empfohlene Grenzwert (244 Kb)"

Anzahl der Antworten 4 Antworten
Ich habe zwei Dateien, welche zusammengeführt werden, die unter 600 bytes.6kb), wie unten beschrieben. So, wie es ist, dass meine app.bundle.js ist so groß (987kb) und vor allem wie schafft man es, die Größe der es? src-Datei

So verlängern Sie die Standard-webpack-config im Ionischen v2

Anzahl der Antworten 5 Antworten
Möchte ich erweitern die Standard-webpack config von ionic. Speziell möchte ich hinzufügen, einen alias für die Lösung Module also kann ich die import-Module, indem Sie deren absoluten Pfad, sondern als eine relative: Statt Import-Module wie diese: import

Preset-Dateien sind nicht erlaubt, um Objekte exportieren

Anzahl der Antworten 8 Antworten
Habe ich ein Karussell-Datei, in die ich will index.js und bauen block.build.js, so meine webpack.config.js ist: var config = { entry: './index.js', output: { path: __dirname, filename: 'block.build.js', }, devServer: { contentBase: './Carousel' }, module : {

Webpack dev-server hot-Modus funktioniert nicht

Anzahl der Antworten 3 Antworten
Hier meine config: devServer: { contentBase: '/web/dist/', hot: true, stats: {colors: true}, inline: true } Und hier ist die gulp-task im Betrieb: gulp.task('build', ['clean', 'styles', 'bower', 'media', 'data', 'homepage'], function(done) { es6promise.polyfill(); console.log('STARTING DEV SERVER...'); server =

webpack-Modul parse failed Unexpected character '@'

Anzahl der Antworten 3 Antworten
Ich arbeite mit vue-cli, nach dem import einer css-Datei in main.js, import Vue from 'vue' import App from './App.vue' import 'element-ui/lib/theme-default/index.css' import ElementUI from 'element-ui' Vue.use(ElementUI); new Vue({ el: '#app', render: h => h(App) }) der Konsole

Angular2 Routing. Der angeforderte Pfad enthält nicht definierte segment mit dem index 1

Anzahl der Antworten 1 Antworten
Ich habe ein Problem mit dem routing in den Winkel-2. Ich nenne router.navigieren Sie von einer Aktion in eine datatable. Die selten ist, dass manchmal, wenn ich auf die Schaltfläche klicke, dass Anrufe auf dieser line seine

Reagieren Js erfordern "fs"

Anzahl der Antworten 2 Antworten
Habe ich import fs from 'fs' und in meinem Paket.json habe ich Dann habe ich den Befehl ausführen JS: > npm i fs > [email protected] node_modules/fs weiter in meine Reagieren-Shop, die ich importieren 'fs' Modul JS: import

Unterschied zwischen Produktion und Entwicklung bauen in ReactJS

Anzahl der Antworten 2 Antworten
Vor kurzem habe ich angefangen zu lernen, zu reagieren, und ich sah ein tutorial, in dem Sie verwendet werden Webpack zu erstellen, die die Entwicklung und Produktion baut. Aber es war keine Erklärung, was der Unterschied zwischen

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:

Gibt es eine Möglichkeit verfügen teilweise über html-webpack-plugin?

Anzahl der Antworten 3 Antworten
Bin ich mit dem Webpack zu kompilieren meine Skripte und HTML (mit html-webpack-plugin). Die Sache ist, ich habe 5 HTML-Dateien, enthält die gleichen Teile und ich mich bewegen will, diese Teile zu trennen .html Dateien und dann

Bundle-Fehler mit webpack für Elektronen-Anwendung `Nicht auflösen kann-Modul "electron"

Anzahl der Antworten 4 Antworten
Ich versuche zum erstellen einer Elektron Anwendung mit Reagieren. Ich benutze Webpack zu kompilieren, die Reagieren JSX syntax, aber wenn ich versuche zu kompilieren mit webpack Befehl, bekam ich diese Fehlermeldung: FEHLER bei ./app.jsx Modul nicht gefunden:

Gewusst wie: importieren von CSS-Module mit Typoskript, Reagieren und Webpack

Anzahl der Antworten 4 Antworten
Gewusst wie: importieren von CSS-Module in Typoskript mit Webpack? Generieren (oder auto-generate) .d.ts Dateien für CSS? Und die klassische Typoskript import Aussage? Mit ./styles.css.d.ts: import * as styles from './styles.css' Importieren mit require Webpack-Funktion? let styles =

Laden von Schriftarten mit Webpack und font-face

Anzahl der Antworten 3 Antworten
Ich versuche, laden Sie eine schriftart in meine CSS-Datei mit @font-face aber die Schrift nie geladen. Dies ist meine Verzeichnis Struktur. Dann in webpack.config.js ich habe den loader zu bekommen Schriftarten. var path = require('path'); var webpack

VueJS Fehler kompilieren Vorlage

Anzahl der Antworten 1 Antworten
Ich habe gerade mein erstes Projekt mit VueJS und Vue-loader. Also machte ich meine erste Komponente zu zeigen, eine einfache Nachricht, es funktioniert, wenn ich eine Nachricht, aber ich bekomme eine Fehlermeldung, wenn ich mehrere Nachrichten: (Emitted

Was macht ein `~` tilde in einem CSS `url()` tun?

Anzahl der Antworten 1 Antworten
E. g. @import url("~./foobar"); Sah es hier, nicht sicher, ob es eine Paket-spezifische Sache ist oder ob es tatsächliche CSS-syntax. Nein, dies ist nicht eine Auswahl-operator, es ist ein Teil von einer Datei-Verzeichnis. InformationsquelleAutor ahstro | 2016-09-16

so beheben Sie diesen Fehler, müssen Sie möglicherweise einen entsprechenden loader zu behandeln Sie diese Datei geben

Anzahl der Antworten 3 Antworten
Bekam ich diese Fehlermeldung mit dieser Bibliothek https://github.com/react-native-web-community/react-native-web-linear-gradient/ den Fehler link https://github.com/react-native-web-community/react-native-web-linear-gradient/issues/1 details des Fehlers: Modul parse failed: Unexpected token (5:22) Möglicherweise benötigen Sie einen entsprechenden loader zum verarbeiten dieser Datei-Typ. mein webpack: 'use strict'; const autoprefixer

Wie man eine externe css-Datei mit Webpack und Angular2?

Anzahl der Antworten 4 Antworten
Ich versuche, fügen Sie eine externe Referenz auf eine CSS-Datei in Angular2 mit Webpack. Mein css ist definiert als { test: /\.css$/, loader: "style-loader!css-loader" }, in meinem webpack.config.js Datei und ich kann laden css nur in Ordnung,

Nicht finden können bundle.js

Anzahl der Antworten 2 Antworten
Ich weiß, diese Frage wurde gebeten vor, aber ich kann ehrlich gesagt nicht die Antwort finden überall-- es scheint, als ob ich alles tun, ich sollte aber bundle ist nicht erstellt. Also ich habe das webpack.config.js -

Webpack Ausgabe-Dateien auf verschiedene Verzeichnisse

Anzahl der Antworten 2 Antworten
Nachdem Sie ein Projekt erstellen, ich habe index.html, bundle.js und einige .css-Dateien, ich möchte, dass Sie, um in eine dir-Struktur wie diese: dist/ - css/all.my.css - js/bundle.js - index.html Hier ist was ich getan habe, für die

Webpack laden von Schriftarten

Anzahl der Antworten 1 Antworten
Ich habe diesen code in ein Reagieren element: require('../../Style/fonts/SomethingStrange.ttf') In meinem Webpack.config: { test: /\.(ttf|otf|eot|svg|woff(2)?)(\?[a-z0-9]+)?$/, loader: 'file-loader?name=fonts/[name].[ext]' } Problem: keine Schrift auf meiner Webseiten... Nicht Webpack lassen Sie mich automatisch die Schriftarten? Muss ich im Programm etwas

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

Nicht finden können Modul '@babel/core"

Anzahl der Antworten 4 Antworten
Ich bin zusammen mit diesem webpack4/reagieren tutorial: https://www.youtube.com/watch?v=deyxI-6C2u4 Ich habe es genau bis zu dem Teil, wo er läuft npm start. Der Unterschied ist, seine app läuft, und mir wird der Fehler: Nicht finden kann Modul '@babel/core'

"Erstellen Sie Reagieren-App" mit Docker

Anzahl der Antworten 3 Antworten
Ich Frage mich, ob jemand schon Erfahrung mit erstellen-reagieren-app mit docker. Ich war in der Lage, um es einzurichten mit einem Dockerfile wie: from node RUN mkdir /src WORKDIR /src ADD package.json /src/package.json RUN npm install EXPOSE

Update Winkel-v6 - Modul nicht gefunden: Error: Can ' T resolve 'fs'

Anzahl der Antworten 6 Antworten
Ich versuche zu migrieren, meine Eckig Universal Projekt von Eckig v5 auf v6 Habe ich einen service wo ich fs zum laden der übersetzung, die auf der server-Seite. Alles funktioniert auch mit Eckigen v5. Mit Eckigen v6,

Kompilieren weniger mit webpack

Anzahl der Antworten 1 Antworten
Möchte ich hinzufügen, eine sehr einfache weniger-Datei auf meinem Projekt auf github. Sehen Begehen Stil.weniger body{ background-color: red; } webpack.config.js ,{ test: /\.less$/, loaders: ['style', 'css', 'less'] } Kommandozeilen-Befehl "erstellen" webpack --config webpack.config.js -d Index.html Ich erwartet,

Wie zu minifizieren ES6-code mit Webpack?

Anzahl der Antworten 4 Antworten
Ich bin mit webpack und wollen zum bereitstellen von meine Website. Wenn ich minifizieren und bundle-meine JavaScript-code, ich habe diesen Fehler: Parse error: Unerwartetes token: name (Button) Hier ist mein nicht gebündelt code: 'use strict'; export class

Winkel 6 viele Können das nicht beheben von Fehlern (crypto fs, http, https, net, Pfad, stream, tls -, zlib -)

Anzahl der Antworten 6 Antworten
Baue ich eine Eckige 6 app, aber jedes mal, wenn ich will, um zu dienen localhost, bekomme ich diese Fehler: ERROR in ./node_modules/aws-sign2/index.js Module not found: Error: Can't resolve 'crypto' in 'C:\Users\sorou\projects\tunrWeb\node_modules\aws-sign2' ERROR in ./node_modules/aws4/aws4.js Module not

Chunk.entrypoints: Verwenden Sie Chunks.groupsIterable und filter durch ein Entrypoint statt

Anzahl der Antworten 4 Antworten
Sehe ich folgende Fehler beim start meiner app... > [email protected] start /Users/johnnynolan/Repos/css-modules webpack && offen index.html (node:5706) DeprecationWarning: Tapable.plugin is deprecated. Use new API on `.hooks` instead /Users/johnnynolan/Repos/css-modules/node_modules/webpack/lib/Chunk.js:802 throw new Error( ^ Error: Chunk.entrypoints: Use Chunks.groupsIterable and

Wie man webpack weniger ausführlich?

Anzahl der Antworten 11 Antworten
Diese ist Wes Craven ' s New Nightmare! Warum ich auch brauchen, diesem horror auf jedes bisschen ändern? Wie kann ich schalten Sie diese Benachrichtigungen?! InformationsquelleAutor Vitalii Korsakov | 2015-06-19

fetch-mock spotten alle Anforderungen

Anzahl der Antworten 1 Antworten
Bin ich mit fetch-mock, um zu verspotten einige Anfragen an den server. Dies ist, wo alle Anfragen aus: import fetchMock from 'fetch-mock' import initialState from 'src/initial-state' if (process.env.NODE_ENV === 'development') { fetchMock.post('/some/endpoint', initialState.entities.multichannelEngagement) } Aber nicht nur

Machen absolute Pfade relativ zum Projekt-Stammverzeichnis im Webpack

Anzahl der Antworten 3 Antworten
Ich finde, dass muss ich zu geben ../ viel zu require() - Dateien. Meine Verzeichnis-Struktur, umfasst die folgenden: js/ components/ ... actions/ ... Aus den Komponenten-Ordner, muss ich import foo from '../actions/fooAction'. Ist es möglich, das root-Verzeichnis

Webpack mit kleinen ersten Skript und asynchrone laden von allen anderen scripts

Anzahl der Antworten 2 Antworten
Habe ich begonnen, mit Webpack bei der Entwicklung üblichen web-sites, bestehend aus einer Anzahl von Seiten und von verschiedenen Seiten-Typen. Ich bin auf der RequireJs-Skript loader geladen, alle Abhängigkeiten auf Nachfrage bei Bedarf. Nur ein kleines Stück

- Konfiguration.Modul hat eine unbekannte Eigenschaft 'Lader'

Anzahl der Antworten 4 Antworten
meine Ausgabe des Fehlers: Ungültige Konfiguration Objekt. Webpack initialisiert wurde mit einem Konfigurations-Objekt, das nicht mit der API-schema. - Konfiguration.Modul hat eine unbekannte Eigenschaft 'Lader'. Diese Eigenschaften gelten: object { exprContextCritical?, exprContextRecursive?, exprContextRegExp?, exprContextRequest?, noParse?, Regeln?, defaultRules?,

Wie Sie richtig bauen ein zu optimieren Winkel 5 Projekt?

Anzahl der Antworten 7 Antworten
Ich bin neu in Winkel-5 Projekt. Ich lief ng build --prod zu generieren dist/ Ordner. Bemerkte ich, es dauert eine lange Zeit zu bauen, und wenn ich öffnete meine dist/ Ordner, die ich sah, hat es fast

Schreiben eingebetteten Javascript-plugin, Reagieren & Webpack

Anzahl der Antworten 2 Antworten
Ich möchte in der Lage zu bündeln, Reagieren meine app mit Webpack, so dass verteilte Kopien auf ein CDN bezogen werden können, aufgerufen und initialisiert mit ein paar config relevant für einen client. Nach der Lektüre diese