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.

Fehler: Cannot resolve Modul "babel-loader'

3 Antworten

Ich versuche zu laufen webpack auf mein postinstall-Skript in meinem Paket.json-wenn ich push zum heroku, aber ich erhalte die folgende Fehlermeldung. ERROR in Entry module not found: Error: Cannot resolve module 'babel-loader' in /tmp/build_6cb4b10367d9382367ab72f2e2f33118 Wenn ich den

So konfigurieren Sie einen loader für einen bestimmten Pfad im webpack

1 Antworten

Eine Frage zu webpack Einstellungen konfigurieren: in den meisten Beispielen, die test-option im loader prüft nur den Dateinamen, nicht den kompletten Pfad. Ich habe die Dateien in verschiedenen Verzeichnissen, die den gleichen Typ, aber ich wollen, verwenden

webpack

Webpack Fehler Nicht Beheben Datei oder Verzeichnis

3 Antworten

Bin ich immer diese Fehlermeldung wenn ich npm start mein webpack-dev-server: ERROR in multi main Module not found: Error: Cannot resolve 'file' or 'directory' /var/www/html/151208-DressingAphrodite/app in /var/www/html/151208-DressingAphrodite @ multi main Hier ist meine webpack.config.js: var path =

javascript node.js npm-liveserver webpack webpack-dev-server

Angular2 Test Kein Anbieter für LocationStrategy

2 Antworten

Ich versuche zu schreiben, einen test für eine Komponente, aber ich bekomme immer die Fehlermeldung: "Fehler: Fehler bei ./ExpenseOverviewComponent Klasse ExpenseOverviewComponent - inline-template:41:8 Ursachen haben: Kein Anbieter für Standort-Strategie!" import { ComponentFixture, TestBed, async } from '@angular/core/testing';

angular angular2-testing jasmine karma-runner webpack

Pfeil-Funktion-syntax funktioniert nicht mit webpack?

4 Antworten

Mache ich eine app auf reagieren-redux. Ich bin mit webpack für die Bündelung und babel für transpiling. Wenn ich versuche, verwenden Sie die Pfeiltasten Funktion in meinem code. Es gibt mir Fehler : Module build failed: SyntaxError:

babeljs javascript webpack

Beispiel für das laden von statischen CSS-files aus node_modules mit webpack?

2 Antworten

Ich weiß nicht, wie das laden mit webpack alle CSS aus node_modules libs, zum Beispiel habe ich installiert Packungsbeilage und jeder Versuch der laden leaflet/dist/leaflet.css ausfällt. Könnten Sie ein Beispiel, wie load statische Stile von node_modules? Meine

css javascript webpack webpack-style-loader

Wie würde ich importieren, die ein Modul innerhalb eines npm-Pakets Unterordner mit webpack?

1 Antworten

Können sagen, es gibt ein Paket in node_modules foo aufgerufen, und ich möchte ein Modul importieren in eine Bibliothek wie foo/module über webpack & babel... import Foo from 'foo'; funktioniert import SomeOtherModule from 'foo/module'; schlägt mit der

babeljs npm webpack

Webpack beheben.alias funktioniert nicht mit typescript?

5 Antworten

Ich versuche zu verkürzen, meine Importe im Typoskript vom import {Hello} from "./components/Hello"; zu import {Hello} from "Hello"; Dafür habe ich herausgefunden, dass Sie verwenden können resolve.alias im webpack ich so konfiguriert, dass ein Teil wie folgt

typescript webpack

Webpack bedingte benötigen

2 Antworten

Schreibe ich einen isomorph Key-Value-Store mit webpack. Dies ist derzeit mein Ansatz zum laden der Bibliotheken, die offensichtlich nicht funktioniert, weil webpack will auflösen require. Was ist' der richtige Ansatz? var db = null; if (typeof window

isomorphic-javascript javascript leveldb webpack

Modul nicht gefunden: Error: Cannot resolve Modul "server"

4 Antworten

Ich versuche es mal mit webpack verwalten Sie Dateien in meinem Projekt. Ich benutze webpack-dev-server und bower-webpack-plugin. Bei mir laufen server, bekomme ich Fehler in der browser-Konsole. Modul nicht gefunden: Error: Cannot resolve Modul 'server' webpack.config.js const

webpack webpack-dev-server

Die CLI zog in ein separates Paket: webpack-cli

8 Antworten

Ich bin neu React.js und ich versuche zu lernen von den tutorials auf tutorialspoint aber ich Stand vor Fehler. Hier ist der Fehler auf der Konsole, wenn ich ausführen von npm start-Befehl: C:\Users\HP\Desktop\reactApp1> npm start > [email protected]

javascript node.js php reactjs webpack

Erstellen Sie mehrere page-app mit reagieren

2 Antworten

Habe ich eine single page web app mit reagieren js. Ich habe verwendet webpack zu erstellen bundle aller Komponenten. Jetzt will ich aber viele andere Seiten. Die meisten Seiten sind API-Aufruf verwandt. d.h. in der index.html habe

javascript jquery reactjs webpack

Webpack: export in bestehende Modul in Fenster

1 Antworten

Mein Ziel ist es, mit Webpack zu exportieren, eine isolierte Komponente in einem angenommenen globalen Objekt. index.html <script> var MyApp = window.MyApp || {}; MyApp.something = MyApp.something || {}; </script> <script src="my-isolated-module.js"></script> // //other modules/components loaded here...

commonjs javascript reactjs webpack

Wie kann ich mit select2 mit webpack?

2 Antworten

Ich bin mit webpack verwalten Sie alle mein Vermögen, wenn ich diesen code benötigen select2 (https://github.com/select2/select2) ich habe den Fehler $(...).select2 ist keine Funktion. require.ensure(['./vendors/select2'],function (require) { require('./site'); }); //site.js (function ($) { $(document).ready(function () { $(".js-1example-basic-single").select2();

jquery-select2 select2 webpack

Ausschließen ein Modul aus webpack bundle

3 Antworten

Möchte ich die gleiche Funktionalität wie RequireJS empty: http://requirejs.org/docs/optimization.html#empty Mein use-case ist, dass ich jquery-migrate in der Entwicklung, aber ich würde gerne ausschließen, wenn gebaut für die Produktion. Mit IgnorePlugin macht es nur nicht enthalten, und wenn

javascript webpack

Debuggen von typescript mit source maps und webpack

2 Antworten

Habe ich Projekt geschrieben in Typoskript und ich möchte in der Lage sein, um zu Debuggen (entweder in Chrome Dev Tools oder in Intellij). Zuerst sah ich, dass Typoskript ist import Funktionalität nicht unterstützt wurde. Also versuchte

debugging intellij-idea source-maps typescript webpack

Wie, um das setup Typoskript + Babel + Webpack?

3 Antworten

Habe ich diese Abhängigkeiten: "devDependencies": { "@types/node": "^4.0.27-alpha", "babel-core": "^6.10.4", "babel-loader": "^6.2.4", "babel-polyfill": "^6.9.1", "babel-preset-es2015": "^6.9.0", "babel-preset-stage-0": "^6.5.0", "ts-loader": "^0.8.2", "typescript": "^2.0.0", "webpack": "^1.13.1" } .babelrc { "presets": [ "es2015", "stage-0" ] } tsconfig.json { "compilerOptions": {

babeljs javascript typescript webpack

"Ungültiger Host-Header" Beim ausführen von App Reagieren

3 Antworten

Ich bin mit einem einfachen Projekt zu Reagieren JS, und ich bin in der Bereitstellung von OSE. Auch ich bin mit unten Abhängigkeiten im Projekt. "webpack": "^2.2.0", "webpack-dev-server": "^1.14.1", "react": "^15.5.4", "react-router-dom": "^4.1.1" auch ich bin mit

deployment react-router reactjs webpack webpack-dev-server

Warum bin ich immer "Unerwartetes token importieren" auf einem webpack Projekt, aber nicht die anderen?

2 Antworten

Habe ich 2 Projekte, die arbeiten anders und ich kann nicht sagen, was anders ist. Ich habe Folgendes an einem Projekt... //In .ts wile import 'core-js/es6'; import 'reflect-metadata'; Dies funktioniert gut auf ein Projekt, aber ein anderes

typescript webpack

Manuelles hinzufügen von einem Pfad zu lösen eslintrc

2 Antworten

Ich habe einen Ordner in meinem Projekt main dass ich mich auflösen wie ein Modul. Zum Beispiel import x from 'main/src' Importe main/src/index.js. Dies geschieht durch webpack s beheben alias-Konfiguration. Ein Problem ich habe, ist, loszuwerden, die

eslint resolve webpack

Statische image src in Vue.js Vorlage

4 Antworten

Meiner Vue-Komponente enthält einige Bilder. Ich will tun, lazy-loading später, so dass ich die src des images auf ein kleines Bild, ersten. <template> <div v-for="item in portfolioItems"> <a href="#{{ item.id }}"> <img data-original="{{ item.img }}" v-bind:src="/static/img/clear.gif" class="lazy"

javascript vue.js webpack

Wie lade ich SVGs direkt in meine Reagieren Komponente mit webpack?

1 Antworten

Möchte ich render ein material-design-Symbol direkt in meine NextButton Komponente mit webpack. Hier ist der relevante Teil meines Codes: var NextIcon = require('material-design-icons/navigation/svg/production/ic_chevron_right_18px.svg'); var NextButton = React.createClass({ render: function() { return ( <Link to={this.props.target} className='button--next'> {this.props.label} {NextIcon}

icons loader reactjs svg webpack

Was ist der richtige Weg, um eine andere <base> dev - /staging - /production

6 Antworten

<base href=""> für Entwicklung und Produktion sind Verschieden(für die Produktion ist es ein Unterverzeichnis). Was ist der gute Weg zu erstellen Sie verschiedene Basis mit webpack? InformationsquelleAutor Stepan Suvorov | 2016-02-04

webpack

Proxy-Anfragen zu einem separaten back-End-server mit vue-cli

2 Antworten

Ich bin mit vue-cli webpack-simple Vorlage für die Erstellung meiner Projekte, und ich möchte die proxy-Anfragen in einer separaten back-End-server. Wie kann dies einfach erreicht werden? Ich habe nicht wirklich einen genauen Blick auf vue-cli's boilerplate und

vue.js webpack webpack-dev-server

Kritische Abhängigkeiten - die Anforderung einer Abhängigkeit ist ein Ausdruck Webpack

1 Antworten

Ich bin mit einem service in meiner angular Anwendung zu erstellen uibModal wie folgt function modal(modalConfig){ var modalInstance = $uibModal.open({ animation: true, template: require("../a/b/xyz.html"), controller: modalConfig.controller, size: modalConfig.size, controllerAs: modalConfig.controllerAs, bindToController : true, resolve: modalConfig.resolveObj }); }

angularjs express webpack

SCSS Importieren Relativ zum Root

4 Antworten

Ich bin in den Prozess der Umgestaltung einer Eckigen Anwendung, und wie ich das verschieben von Komponenten um neue directory-Standorte, ich finde, dass der Umgang @import Wege in die Komponenten' SCSS-Dateien ist immer ein bisschen mühsam. Zum

angular angular-cli sass webpack

Wie setzen bauen .env-Variablen, die beim ausführen von create-reagieren-app build-Skript?

2 Antworten

Ich bin mit dem folgenden environment-Variablen in mein schaffen-reagieren-app: console.log(process.env.REACT_APP_API_URL) //http://localhost:5555 Funktioniert es wenn ich npm start durch das Lesen eines .env Datei: REACT_APP_API_URL=http://localhost:5555 Wie kann ich einen anderen Wert festlegen, wie http://localhost:1234 bei der Ausführung einer

create-react-app frontend react-scripts reactjs webpack

Wie um das Bild zu importieren (.svg, .png ) in ein Reagieren Komponente

3 Antworten

Ich versuche den import einer Bild-Datei in einem meiner reagieren Komponente. Ich habe das Projekt-setup mit web pack Hier ist mein code für die Komponente import Diamond from '../../assets/linux_logo.jpg'; export class ItemCols extends Component { render(){ return

javascript reactjs webpack

Wie shim tinymce im webpack?

6 Antworten

Ich versuche tinymce erkannt webpack. Es wird eine Eigenschaft namens tinymce auf window, also offenbar eine option ist require() es mit syntax wie folgt (beschrieben an der Unterseite des EXPORTIEREN Abschnitt der webpack-docs): require("imports?window=>{}!exports?window.XModule!./file.js Aber in diesem

javascript node.js shim tinymce webpack

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

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

ecmascript-6 import javascript webpack webpack-2

Webpack nicht geladen, css

2 Antworten

Dies ist mein erstes mal versuchen, Webpack, also ich bin sicher, ich bin hier etwas fehlt. Ich versuche zu laden meine PostCSS files mit Webpack, mit der ExtractTextPlugin zum erzeugen einer css-Datei in "dist". Das problem ist

css javascript postcss webpack

Reagieren debug im browser bei der Verwendung von bundle.js

3 Antworten

Tools: Chrome Developer Tools, ReactJs und Webpack Vielleicht war es, wenn ich eingeschaltet, um die Bündelung mit webpack, aber anfangs als ich anfing, mein Projekt konnte ich Bündel meine js in eine bundle.js Datei aber immer noch

debugging google-chrome-devtools javascript reactjs webpack

Webpack Fehler mit reagieren

2 Antworten

Ich versuche zu konfigurieren webpack nach dieser tutorial und halten immer den gleichen Fehler. Ich habe Probleme beim Debuggen diese 2 Meldungen: ERROR in ./app.js Module parse failed: /path/react/react-webpack-babel/app/app.js Line 1: Unexpected reserved word You may need

javascript webpack

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

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" } ] }

babeljs ecmascript-6 javascript webpack webpack-2

Webpack und Express - Kritische Abhängigkeiten-Warnung

1 Antworten

Habe ich Folgendes webpack.config.ts: var webpack = require( 'webpack' ); var path = require( 'path' ); module.exports = { entry: [ './api/bin/www.ts' ], output: { path: path.resolve( __dirname, './dist/api' ), filename: 'index.js' }, module: { loaders: [

express webpack

Webpack: cannot resolve Modul 'Datei-loader'

3 Antworten

Wenn ich versuche zu bauen SASS - Datei mit webpack, ich bekam die folgende Fehlermeldung: Modul nicht gefunden: Error:Cannot resolve Modul 'Datei-loader' beachten Sie, dass dies nur passiert, wenn ich versuche zu laden, hintergrund-Bild mit relativem Pfad.

sass webpack

Webpack hmr: __webpack_hmr 404 nicht gefunden

2 Antworten

Ich bin mit der webpack-dev-server für hot-Modul-Ersatz. Es funktioniert ganz gut, aber dieser Fehler hält, zeigt sich in der Konsole alle paar Sekunden: GET http://mysite:8080/__webpack_hmr 404 (Not Found). Hier ist meine webpack.config.js: var webpack = require('webpack'), hostname

webpack webpack-dev-server

Block-Gültigkeitsbereich von Deklarationen noch nicht unterstützt außerhalb im strikten Modus

4 Antworten

Ich bin mit Laravel 5.4 auf meiner Homestead vagrant box. Ich habe installiert alle npm-Abhängigkeiten mit npm install Befehl. Das hat erzeugt keine Fehler. In meinem webpack.min.js - Datei habe ich: const { mix } = require('laravel-mix');

laravel laravel-5 mix node.js webpack

Bereitstellen von Winkel-2-App mit Webpack Tomcat - 404-Fehler

6 Antworten

Ich soll das erstellen und bereitstellen von meinem Winkel-2 front-end auf einem Tomcat application server. Für den Einstieg habe ich folgte genau die Schritte der folgenden Einführung: https://angular.io/docs/ts/latest/guide/webpack.html. Also ich habe folgende Projekt-Struktur (alle Dateien sind genau

angular http-status-code-404 tomcat webpack

webpack zu bündeln, code targeting node.js

1 Antworten

Benutze ich webpack für die Bündelung der client-Seite und es verwenden möchten, für den Aufbau node/npm-Bibliothek. Ich sah, dass ich angeben kann das Ziel als node. Aus der doc, "node" Compile for usage in a node.js-like environment

node.js webpack

import-syntax funktioniert nicht mit webpack

2 Antworten

Bekam ich Illegal import declaration Fehler. als ich versuchte, eine integrierte reagieren js-repo mit webpack Wanderte ich den original source code von https://github.com/dptoot/react-event-calendar/blob/master/example/src/example.js Wie könnte ich das beheben Illegal import declaration Fehler ? Ich denke, die import

javascript reactjs webpack

Wie zu kompilieren webpack nach dem ändern der Dateien?

3 Antworten

Ich bin mit webpack mit zwei Einstiegspunkte: entry: { js: './assets/index.js', css: './assets/sass/all.scss' }, Ich wollen, konfigurieren Sie es so, wenn ich eine js oder scss Datei automatisch ausführen webpack wieder. Habe ich versucht zu verwenden webpack-dev-server

node.js webpack

webpack weniger Fehler, es nicht lösen kann .ttf-und woff2-Dateien von uikit

1 Antworten

Ich bin wirklich Neuling mit webpack, also ich bin mir nicht sicher, ob ich was falsch mache, möchte ich nutzen uikit und weniger mit webpack, ich habe installiert die jeweiligen Lader, wie url-loader-Datei-loader,weniger-loader und in das webpack

less webpack

Webpack Express Nicht Beheben Modul 'fs', Request-Abhängigkeit ist Ausdruck

4 Antworten

Wenn ich die Express in mein Projekt bekomme ich immer diesen Fehler, wenn ich versuche, mit webpack. webpack.config.dev.js var path = require("path") module.exports = { entry: { "server": "./server/server.ts" }, output: { path: path.resolve(__dirname, "dist"), filename: "bundle.js",

javascript node.js webpack

Wie verwenden von VS Code-debugger mit webpack-dev-server (breakpoints ignoriert)

2 Antworten

Mein problem ist einfach. Machen ich will nur VS-Code-debugger Arbeit mit webpack-dev-server ohne meine Haltepunkte. Nun, webpack-dev-server dient der gebündelten Dateien aus dem Speicher, während, wenn verstehe ich das richtig, der VS-Code-debugger sucht Sie auf der Festplatte

debugging visual-studio-code webpack webpack-dev-server

Webpack-dev-server mit proxy umgehen

3 Antworten

Wie das zu erreichen ist ein 'proxy' (ähnlich grunt-connect-proxy) option mit webpack-dev-server ? Ich bin mit webpack und webpack-dev-server mit Grunt. Eine Aufgabe in Gruntfile.js (code unten) ist in der Lage zu starten den server auf port

grunt-connect-proxy gruntjs javascript node.js webpack

Nicht finden können Modul eckig/Animationen

6 Antworten

Bin ich mit dem webpack in angular2 und wenn ich versuche meine app bekomme ich eine Fehlermeldung, die besagt Nicht finden können, das Modul "@eckig/Animationen" Paket.json { "name": "angular-quickstart", "version": "1.0.0", "description": "QuickStart package.json from the documentation,

angular angular-animations webpack

historyApiFallback funktioniert nicht im Webpack dev server

2 Antworten

Ich benutze Webpack dev-server und browserHistory im Router Reagieren zu manipulieren urls von HTML5 History API. historyapifallback-option funktioniert nicht in meinem webpack config-Datei. Nach der erfrischenden http://localhost:8080/users oder http://localhost:8080/products ich bekam 404. webpack.config.js var webpack = require('webpack');

html5-history javascript react-router webpack webpack-dev-server

Wie man HTML-code mit jade und webpack mit hot reload

2 Antworten

Ich bin neu mit webpackversucht setup, einfache Konfiguration, code, HTML/CSS mit jade Vorlagen PostCSShot reload und dienen HTML durch webpack-dev-server zu beschleunigen Codierung Erfahrung. Also ich haben mehrere Einstiegspunkte, einige jade Dateien mit includes, CSS, img, Schriftarten

javascript node.js pug webpack webpack-dev-server

Probleme mit erste Schritte mit webpack 4

5 Antworten

Ich bin nach dem tutorial genauso an, wie hier . Aber ich bin erstaunt, dass die docs scheint überholt. e.g npx webpack src/index.js dist/bundle.js schlägt fehl mit: CLI zog in ein separates Paket: webpack-cli. Bitte installieren Sie

node.js webpack webpack-4