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.

Modul build failed (aus ./node_modules/babel-loader/lib/index.js): TypeError: Cannot read property 'Bindungen' von null

1 Antworten

Habe ich ein Fehler beim erstellen eines Projekts: Module build failed (from ./node_modules/babel-loader/lib/index.js): TypeError: Cannot read property 'bindings' of null Meine Entwicklungsumgebung ist wie folgt: Knoten: 8.0.0 npm: 5.0.0 devDependencies "devDependencies": { "babel-core": "^6.26.3", "babel-loader": "^8.0.0", "babel-preset-env":

haben Sie ein neues Projekt, aber wenn ng dienen, bekomme ich Fehler

6 Antworten

Muss ich ändern das Thema, ich kann nicht nach "neues Thema". Ich habe das Skript Bearbeiten, und installieren Sie neue Paket. Ich bekomme immer noch Fehler, aber nicht die, die ich letzten post. _ _ _ __

angular angular-cli node-modules webpack

Konflikt: Mehrere Vermögenswerte Strahlen unter dem gleichen Dateinamen

6 Antworten

Bin ich ein webpack rookie, der will alles darüber erfahren. Ich kam über einen Konflikt beim ausführen von meinem webpack sagt mir: ERROR in chunk html [entry] app.js Conflict: Multiple assets emit to the same filename app.js

config conflict javascript node.js webpack

npm WARNEN [email protected] erfordert eine peer-babel-core@^6.0.0 aber war keiner installiert

2 Antworten

Ich versuche zu installieren Babel und zwei andere plugins zu verwenden, mit Webpack und Reactjs. Ich habe diesen Befehl : npm i babel-loader babel-preset-es2015 babel-preset-react -S gibt mir Warnung Nachrichten : UNMET PEER DEPENDENCY babel-core@^6.0.0 und diese

babeljs reactjs webpack

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

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

css node.js npm styles webpack

Die Injektion von Variablen in webpack

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

commonjs javascript requirejs webpack

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

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

angular browserify systemjs webpack

Wie man web-worker mit Typoskript und webpack

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 <

typescript web-worker webpack

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

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

html javascript node.js npm webpack

Reagieren Sie nicht zu importieren-Komponente — Modul nicht gefunden

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 --------|

javascript reactjs webpack

Webpack mit requirejs/AMD

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

amd frontend javascript requirejs webpack

How zu bündeln und eine Bibliothek mit webpack?

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

javascript umd webpack

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

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

mongodb mongoose node.js webpack

Winkel-4 ng dienen --prod vs ng dienen

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

angular angular-cli javascript typescript webpack

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

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:

javascript reactjs webpack

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

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

javascript reactjs redux redux-devtools webpack

Ausgang ein N-Modul mit webpack

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?

ecmascript-6 es6-modules javascript webpack webpack-2

TS2304: cannot find-name benötigen und verarbeiten

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 -

angular polyfills typescript webpack

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

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,

firefox mixed-content webpack youtube-api

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

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

node.js npm webpack

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

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

ionic-framework ionic2 webpack

Preset-Dateien sind nicht erlaubt, um Objekte exportieren

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 : {

babeljs reactjs webpack

Webpack dev-server hot-Modus funktioniert nicht

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 =

javascript webpack webpack-dev-server

webpack-Modul parse failed Unexpected character '@'

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

vue.js webpack

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

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

angular datatables navigation routing webpack

Reagieren Js erfordern "fs"

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

fs mashape reactjs webpack

Unterschied zwischen Produktion und Entwicklung bauen in ReactJS

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

reactjs webpack webpack-dev-server

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

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:

reactjs webpack webpack-2

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

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

frontend html webpack

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

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:

electron node.js reactjs webpack

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

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 =

css-modules reactjs typescript typescript-typings webpack

Laden von Schriftarten mit Webpack und font-face

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

css font-face node.js reactjs webpack

VueJS Fehler kompilieren Vorlage

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

javascript vue.js webpack

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

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

css css3 webpack webpack-style-loader

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

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

babel react-native react-native-web reactjs webpack

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

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,

angular typescript webpack

Nicht finden können bundle.js

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 -

javascript reactjs typescript webpack

Webpack Ausgabe-Dateien auf verschiedene Verzeichnisse

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

Webpack laden von Schriftarten

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

javascript reactjs webpack

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

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

javascript uglifyjs webpack webpack-2

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

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'

babeljs node.js npm reactjs webpack

"Erstellen Sie Reagieren-App" mit Docker

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

docker docker-compose livereload reactjs webpack

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

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,

angular angular-universal angular6 webpack

Kompilieren weniger mit webpack

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,

less webpack

Wie zu minifizieren ES6-code mit Webpack?

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

ecmascript-6 minify webpack

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

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

angular angular6 node.js npm webpack

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

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

javascript npm webpack

Wie man webpack weniger ausführlich?

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

webpack webpack-dev-server

fetch-mock spotten alle Anforderungen

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

fetch fetch-mock mocking reactjs webpack

Machen absolute Pfade relativ zum Projekt-Stammverzeichnis im Webpack

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