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 css-Dateien in Vue 2

3 Antworten

Ich bin neu in vue js und versuchen zu lernen. Ich installierte eine neue, frische version von vue webpack in meinem system. Ich habe ein css, js und Bilder zu diesem Thema Vorlage, die ich einschließen möchten,

Modul nicht gefunden: Error: Cannot resolve Modul 'reagieren', wenn ich Sie benutze webpack

1 Antworten

wäre wirklich sehr dankbar, die helfen, auf dieser ein: Ich bin nicht in der Lage zu bauen, mit webpack, bekomme ich eine kurze Liste von Fehlern, beginnend mit: Module not found: Error: Cannot resolve module 'react' in

babeljs react-jsx webpack

Webpack: Erstellen Sie ein bundle mit jeder Datei im Verzeichnis

4 Antworten

Ich versuche zu bündeln, wird jeder Winkel-Modul im webpack. Mein Ziel ist es, eine zu haben app.js das wird gebündelt durch webpack mit dieser Konfiguration: entry: { app: "./app/app.js" }, output: { path: "./build/ClientBin", filename: "bundle.js" },

angularjs javascript webpack

Nicht laden WENIGER in die Seite mit webpack

1 Antworten

Ich kann nicht scheinen, laden meiner LESS in meine Seite mit webpack Hier ist mein webpack.config.js var webpack = require('webpack'); var ExtractTextPlugin = require("extract-text-webpack-plugin"); module.exports = { entry: [ './app/index.js' ], output: { path: './public/js', filename: 'main.js'

javascript less reactjs webpack

FEHLER in multi (webpack)-dev-server/ - client

3 Antworten

Ich bin neu webpack /reactjs, Folgen Sie einfach dem tutorial hier: https://www.tutorialspoint.com/reactjs/reactjs_environment_setup.htm Dann, nachdem ich "npm start", ich erhielt den Fehler: ERROR in multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./main.js Module not found: Error: Can't resolve 'babel' in '/var/www/jay/reactjs/react-app' BREAKING

node.js webpack webpack-dev-server

Webpack Uncaught ReferenceError: require ist nicht definiert nach dem entfernen node_modules aus bundle.js

1 Antworten

bundle.js 2.83 kB 0 [emitted] main bundle.js.map 3.36 kB 0 [emitted] main Wenn ich den folgenden code mit den benutzerdefinierten äußerlichkeiten, ich kann entfernen Sie die node_modules wird direkt in die bundle.js Ausgabe. bundle.js 743 kB 0

commonjs javascript webpack

wie verwenden Sie reagieren erfordern syntax?

2 Antworten

Sehe ich viele Beispiele für reagieren strukturiert mit var React = require('react') syntax. Wenn ich versuchen und verwenden Sie diese bekomme ich "verlangen, ist nicht definiert". Wie verwende ich und meine statischen Projekt zu verwenden, benötigen syntax?

javascript node.js reactjs webpack

Webpack: finden Sie nicht bundle.js

2 Antworten

Ich habe endlich das er dev-server laufen und bekomme ich so etwas auf dem Bildschirm. Ich habe setup eine "start" - Skript für NPM wie diese: "start": "webpack-dev-server --content-base app" Bekomme ich eine Fehlermeldung: http://localhost:8080/bundle.js Failed to

javascript node.js webpack

"erforderlich ist nicht definiert" Mit webpack 2

3 Antworten

Ich habe Probleme mit bundle-meine app mit webpack, ich habe das Lesen in der Seite ähnliche Probleme, aber ich habe versucht alle Empfehlungen und ich kann nicht herausfinden, was falsch ist. Alles bündelt. Allerdings, wenn ich öffnen

babel javascript webpack

Error: Cannot find module '.../webpack'

4 Antworten

Ich bin gerade erst mit node und server-Zeug im Allgemeinen. Ich war zusammen mit einem gut bewertete youtube-video und ich bin an einem Verlust hier. Ich installierte webpack und webpack-dev-server-sowohl Global als auch in meinem Projekt-Ordner. Jetzt

node.js webpack

FEHLER in ./index.js Modul bauen Fehler: SyntaxError: Unexpected token

1 Antworten

Haben versucht herauszufinden, was falsch mit meinem setup oder code, der versucht zu tun, redux Haupt-website Gegenbeispiele, aber es gibt Fehler, die auf die Anbieter in der index.js Datei? Kann mir jemand helfen? Danke! Phongs-MacBook-Pro:counter2 phongyewtong$ npm

javascript reactjs redux webpack

Unerwartetes token: operator (>) von UglifyJs

4 Antworten

Ich habe 2 Vue-Cli webpack Projekte (ClientApp und Lib). Lib ist meiner Komponenten-Bibliothek (gemeinsam mit anderen Projekten) Problem Wenn ich Baue mein Projekt ClientApp npm run build habe ich die folgende Fehlermeldung: ERROR in static/js/app.d08a24ce0e8d0438ce68.js from UglifyJs

babel-loader vue-loader vuejs2 webpack

ReactDom ist undefiniert

3 Antworten

Ich bin mit Reagieren mit Webpack und Babel. Ich bin immer ein runtime error: Uncaught ReferenceError: ReactDom ist nicht definiert Reagieren meine version ist: "devDependencies": { "phantomjs-polyfill": "0.0.2", "react-addons-test-utils": "^0.14.8" }, "dependencies": { "react": "^0.14.7", "react-dom": "^0.14.7"

babeljs javascript react-dom reactjs webpack

Wie Konfiguriere ich webpack laufen bootstrap und sass?

3 Antworten

Ich bin nicht gut bei webpack. Ich habe nicht wirklich 'gelernt', habe ich eine Vorlage/boilerplate ich ziehe aus einem repo, das ich gemacht, das gibt mir eine Umgebung aufbauen, in Reagieren. Ich bin kämpfen, um add bootstrap-Funktionalität,

reactjs sass twitter-bootstrap webpack

Webpack css-Einstellungen und best Practices

3 Antworten

Ich bin neu webpack und möchte es mit reactjs aber auch irgendwie verloren, verwirrt jetzt. Ich würde gerne wissen, wie css-Daten in der client-Website-Entwicklung-Prozess mit webpack. Ich weiß, dass webpack bündelt alle meine js und links als

css reactjs webpack

FEHLER in bundle.js von UglifyJs

4 Antworten

Habe ich ein Projekt abgeschlossen und jetzt ist es Zeit, es zu bauen. Ich bin mit einem boilerplate-Projekt und noch nicht ganz alle verstehen, die npm/webpack Zeug Los ist unter der Haube. Beim ausführen von "npm start",

javascript node.js npm uglifyjs webpack

ausschließen von Verzeichnissen im webpack loader

2 Antworten

Ich bin versucht, css zu benutzen-Module in meinem webpack Projekt, aber ich bin auch mit ein paar css-packages in node_modules. Wie Schreibe ich einen loader(s) verwenden Sie nur Module, die in meinem module Verzeichnis und nicht in

webpack

Reagieren.createElement: Typ ungültig ist — erwartet einen string, aber bekam: Objekt

2 Antworten

Ich habe nur ein Upgrade auf Webpack 2.2 heute und gab es zu Lesen, durch Ihre Führer, die sind immer noch ein work in progress, so scheint es. Ich habe Probleme bei der Einrichtung meiner Anwendung zu

react-router reactjs redux webpack webpack-dev-server

Unterschied zwischen Webpack / babel und reagieren-Skripte

2 Antworten

Kürzlich begann ich auf der web-pack und reagieren-Skripte, und ich würde gerne wissen, die vor-und Nachteile mit Ihnen und wie Sie sich voneinander unterscheiden. InformationsquelleAutor user3335796 | 2017-09-21

babel react-scripts webpack

Konfigurieren webpack dev-server mit router reagieren dom v4?

2 Antworten

Dies ist der code von meinem webpack-Konfiguration: const compiler = webpack({ entry: ['whatwg-fetch', path.resolve(__dirname, 'js', 'app.js')], module: { loaders: [ { exclude: /node_modules/, test: /\.js$/, loader: 'babel', }, ], }, output: {filename: 'app.js', path: '/'}, }); const

react-router react-router-v4 reactjs webpack webpack-dev-server

Webpack und Typoskript: Cannot resolve Modul 'child_process' in Knoten.d....ts

2 Antworten

Habe ich versucht, webpack, Typoskript und react.js gemeinsam über genial-Typoskript-loader, aber ich erhalte immer Fehler. Ich bin mit genial Typoskript loader in der Version 0.3.0-rc.2 und webpack 1.8.9 Dies ist mein webpack.config.js: module.exports = { entry: './ui/index.ts',

node.js reactjs typescript webpack

Fehler: Expected "Stile", um ein array von strings

4 Antworten

Ich habe mit das Saatgut-Projekt, die als Grundlage für meine neue Eckige 2-Projekt. Leider kommt es nicht so konfiguriert, scss, so muss ich hinzufügen, dass die Konfiguration selbst. Ich bin mit Winkel-Material bin ja so importieren Sie

angular sass webpack

Winkel 2 Typoskript mit SignalR

2 Antworten

Ich versuche, eine Eckige 2-Anwendung verwenden Sie die Microsoft SignalR. Ich habe folgende dieses tutorial, die, obwohl es ist gut, ich weiß nicht, wie die Tatsache, dass jQuery und SignalR werden in die Anwendung geladen werden über

angular jquery signalr typescript webpack

Reagieren: export const + export Standard vs Standard-export

1 Antworten

Ich bin gekommen, über aktuelle Komponente erstellen mit "double" exportieren". Können Sie bitte erklären, wenn es einen wirklichen nutzen, oder ist es nur der Autor Präferenz? import React from 'react' import DuckImage from '../assets/Duck.jpg' import './HomeView.scss' export

ecmascript-6 reactjs webpack

Gulp TypeError: dest.auf keine Funktion

1 Antworten

Ich versuche zu generieren bundle.js Datei mit Gulp-task var gulp = require('gulp'), gutil = require('gulp-util'), wrench = require('wrench'), conf = require('./webpack.config'), webpack = require('webpack'), WebpackDevServer = require('webpack-dev-server'); //Webpack gulp.task('wp', function() { return gulp.src('./assets/scripts/entry.js') .pipe(webpack(conf)) .pipe(gulp.dest('./assets/build1')); }); Allerdings

gulp javascript require webpack

Mit MaterializeCSS mit Webpack - Nicht beheben Modul 'hammerjs'

2 Antworten

Ich Baue ein Projekt mit webpack. Das Projekt nutzt materializecss. Wenn ich materialize.js auf den Eintrag " Datei, beschwert es sich mit dem folgenden Fehler Cannot resolve module 'hammerjs' Wenn ich die Datei öffnen, ich kann sehen,

hammer.js materialize webpack

Nicht auflösen kann Modul 'reagieren-dom"

5 Antworten

Ich habe gesehen, einige Beiträge mit Bezug zu dieser Art von Fehler. Konnte es aber nicht lösen in mir. Mein Paket.json: "react": "~0.14.7", "webpack": "^1.12.13", "react-hot-loader": "^3.0.0-beta.6", . . Ich bin immer folgende Fehlermeldung auf dem webpack:

react-dom react-hot-loader reactjs webpack

"Möglicherweise müssen Sie einen entsprechenden loader zum verarbeiten dieser Datei-Typ" mit Webpack und CSS

3 Antworten

Ich ein neues webpack, und ich in der Lage gewesen, um es zu packup mein javascript, sondern CSS, entzieht sich mir. Ich bekomme immer ein: "Möglicherweise müssen Sie einen entsprechenden loader zum verarbeiten dieser Datei geben Sie"

css css-loader webpack webpack-style-loader

Einrichten webpack laufen lokal auf eine benutzerdefinierte domain über HTTPS

1 Antworten

Um ein Modul verwenden, die ich integrieren will in meiner Anwendung (ich bin lokal entwickeln), habe ich zwei Dinge zu tun: 1) meine Anwendung lokal auf HTTPS. 2) Führen Sie die Anwendung mit einer bestimmten Domäne. Diese

javascript localhost reactjs webpack webpack-dev-server

Pass oder verwenden Sie Prozess.env-Variablen von Knoten zu reactjs

2 Antworten

Wie kann ich weitergeben oder verwenden Sie process.env Variablen von Knoten zu reactjs? Ich habe zum Beispiel diese const nodeEnv = process.env.NODE_ENV || 'development' in meiner Entwicklung und es funktioniert (denke ich, weil es die Entwicklung und

configuration javascript node.js reactjs webpack

Gewusst wie: importieren von CSS-Dateien in webpack?

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

css html javascript webpack webpack-2

webpack 4.1.1 -> Konfiguration.Modul hat eine unbekannte Eigenschaft 'Lader'.

1 Antworten

Ich gerade aktualisiert webpack zu 4.1.1 und wenn ich ihn starten will bekomme ich folgende Fehlermeldung: Ungültige Konfiguration Objekt. Webpack initialisiert wurde mit einem Konfigurations-Objekt, das nicht mit der API-schema. - Konfiguration.Modul hat eine unbekannte Eigenschaft 'Lader'.

webpack

Webpack 4 migration CommonsChunkPlugin

3 Antworten

Brauche ich Hilfe, migrieren Sie den folgenden code aus webpack 3., 4. new webpack.optimize.CommonsChunkPlugin({ minChunks: module => module.context && module.context.indexOf("node_modules") !== -1, name: "vendor", chunks: ["main"] }) Ich habe zwei Eingabe-Dateien und wollen nur die Abhängigkeiten von

commonschunkplugin javascript webpack webpack-3 webpack-4

Wie lassen sich Globale webpack installieren und lokalen Lader

2 Antworten

Meine package.json umfasst webpack und einige Lader: "devDependencies": { "babel-core": "^5.2.17", "babel-loader": "^5.0.0", "jsx-loader": "^0.13.2", "node-libs-browser": "^0.5.0", "webpack": "^1.9.4" } Wenn ich webpack es ist nicht in meinem Weg, so dass es nicht zeigen, wie gefunden. Ich

node.js webpack

Sourcemaps mit webpack css-loader

2 Antworten

Ich bin kämpfen, um sourcemaps arbeiten mit css-loader. Ausgabe in der Konsole: Was die Dokumentation von css-loader sagt: SourceMaps Enthalten SourceMaps legen Sie die sourceMap-Abfrage param. require("css-loader?sourceMap!./Datei.css") Meinem webpack.config var webpack = require('webpack') module.exports = { entry:

css css-loader node.js sass webpack

Webpack-url-loader-set Zielpfad

4 Antworten

Ich bin mit der webpack-url-loader-plugin und habe es so konfiguriert wie: { test: /\.(ttf|eot|woff|woff2|svg)$/, loader: "url-loader?limit=50000" } Es output-Dateien > 50k, um die Datei-system, aber ich kann nicht herausfinden, wie legen Sie ein Ziel-Pfad. In diesem Fall,

urlloader webpack

Reagieren 0.14.2 Fehler - Super Ausdruck muss entweder null sein oder eine Funktion

2 Antworten

Nach dem Update von 0.13.2 zu 0.14.2 ich bin immer diese Fehlermeldung: Uncaught TypeError: Super expression must either be null or a function, not object Gibt es mehrere Fragen schon. Der häufigste Fehler ist Fehler zu Reagieren.Komponente

babeljs ecmascript-6 javascript reactjs webpack

wie kann ich verhindern, webpack dev-server aus der windows-Konsole?

8 Antworten

Ich laufen webpack-dev-server von windows-Konsole mit dem Befehl: webpack-dev-server-content-base ./build --inline --hot danach sehe ich Nachricht webpack: bundle is now VALID. und ich können nicht eingeben, was es. Aber wenn ich etwas ändern webpack.config.js ich habe zum

javascript webpack webpack-dev-server windows-console

Importieren von html-Dateien mit es6 template Strings loader

5 Antworten

Möchte ich importieren meine Vorlagen in mein js mit es6 template Strings loader. Der einzige Unterschied in meinem Fall ist, dass ich nicht mit einbeziehen möchten, css, nur html. Mein code ist wie folgt: import app from

javascript webpack

Wie zu verwenden-SASS / SCSS mit den neuesten vue-cli-starter-Projekt?

1 Antworten

Ich SASS oder SCSS in meinem Projekt. Benutzte ich die vue-cli, um die neueste version eines starter-Projekts. Jemand hatte keinen Erfolg bei der Herstellung sass/scss Arbeit in die neueste starter-Projekt mit webpack? InformationsquelleAutor CommonSenseCode | 2017-05-17

sass vue-component vue.js vuejs2 webpack

Winkel-2: Cannot read property 'validator' undefined

1 Antworten

Ok also dies ist offiziell driving me mad jetzt. Habe ich zwei Komponenten in meinem Winkel 2 app im moment, darunter jeweils ein Formular. Das Anmeldeformular ist in Ordnung, aber ich habe ein Problem mit meinem signin

angular webpack

Winkel-cli Webpack 3. Teil css-Dateien

6 Antworten

Ich gerade umgezogen, um angular-cli 1.0.0-beta.11-webpack.2 Es gibt so viele nervige Dinge, aber das größte problem, das ich bin vor ist mit externen css Dateien (wahrscheinlich habe ich das problem mit js - Dateien zu). In meinem

angular angular-cli angular2-material webpack

Font-awesome in einem Vue-app erstellt mit vue-cli-webpack

2 Antworten

Ich versuche, verwenden Sie die font-awesome in einem einfachen Vue app erstellt mit vue-cli mit der webpack-einfache Vorlage, aber das wird schwierig. Habe ich installiert, font-awesome mit npm install font-awesome --save und importiert es in meinem Eintrag

font-awesome vuejs2 webpack

Fügen Sie SASS zu ausgeworfen erstellen-reagieren-app-config

6 Antworten

Möchte ich hinzufügen, dass .scss Unterstützung in meiner app, die erstellt wurde, mithilfe von create-reagieren-app. Habe ich Auswerfen npm run eject und installiert die benötigten Abhängigkeiten: npm install sass-loader node-sass --save-dev Innen config/webpack.config.dev.js ich Hinzugefügt, um die

create-react-app reactjs sass webpack

Minifizieren von css webpack s ExtractTextPlugin und Stil-loader

3 Antworten

In dieser tracer repo: https://github.com/pconerly/libsass-spritesmith-webpack-tracer Und diese Zeile: https://github.com/pconerly/libsass-spritesmith-webpack-tracer/blob/master/webpack.config.js#L82 Ich bin laden .scss, und extrahieren Sie Sie in Klartext. Ich würde auch gerne verkleinern Sie--- wie mache ich das? style-loader scheint nicht zu haben eine option für

javascript webpack

webpack - require('node_modules/leaflet/leaflet.css')

2 Antworten

So, ich bin versucht, eine Karte zu erstellen-app mit webpack und leaflet. Kann ich verlangen leaflet.js aus meiner map.js Datei, aber ich kann Sie nicht anrufen-Prospekt.css ohne Fehler abrufen. Meine aktuelle webpack.config.js aussieht: 'use strict' var webpack

css leaflet node.js npm webpack

Ungültige Konfiguration Objekt in webpack

11 Antworten

Ich bin nach Lynda.com - React.js essential training von Eve Porcello. In dem video "Bauen mit Webpack", ich folgte den Schritten, Autor genau beschrieben, aber das "webpack" Fehler beim ausführen des Befehls geben Sie den folgenden Fehler,

bash javascript json npm reactjs webpack

Error ` - Fenster nicht definiert` Node.js

5 Antworten

Ich weiß window existiert nicht in Node.js aber ich bin mit der Reaktion und den gleichen code auf client und server. Jede Methode, die ich verwenden, um zu überprüfen, ob window existiert Netze zu mir: Uncaught ReferenceError:

node.js reactjs webpack webpack-dev-server

wie, um das setup bootstrap-4 scss mit reagieren webpack

4 Antworten

fange ich ein neues Projekt mit reactjs ES6 und webpack mit reagieren-static-boilerplate-starter Frage ist, wie kann ich importieren bootstrap4 in der build-proccess ? ich möchte nicht, dass die Verwendung der bootstrap.css-Datei generiert, sondern ich will webpack bauen

css reactjs twitter-bootstrap webpack

Wo ist der webpack.config.js in angular-cli neues Projekt?

3 Antworten

Ich bin auf der Suche in webpack und auch angular-cli, und obwohl eckig-cli verwenden soll webpack, ich kann nicht sehen, alle webpack.config.js - Datei, wenn ich ein neues Projekt erstellen mit ng new Weiß jemand, wie funktioniert

angular-cli webpack