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 benötigen JavaScript mit webpack von einem dynamischen directory

Anzahl der Antworten 2 Antworten
Ich habe einige old-school-plain old JavaScript, ES5, dass muss ich ziehen, in meine Anwendung, webpack als bundler. Das problem ist, dass der Speicherort dieser Dateien wird in einem Ordner, dessen Pfad ist dynamisch. Es scheint, dass webpack

Font-awesome nicht das laden-Symbol in der Bootstrap

Anzahl der Antworten 2 Antworten
Ich versuche zu tun, ein einfaches verlangen der Bootstrap und Font-awesome mit Webpack. Ich schaffte es zum laden von Bootstrap-CSS, aber Font-awesome nicht richtig funktioniert. Dies ist, was ich als Ergebnis: Meine codes sind unten angegeben. Was

Gewusst wie: importieren von JS-script in vue loader-Komponente?

Anzahl der Antworten 1 Antworten
Habe ich eine vue-Komponente vue-compoennt (vue-loader) <template> <p>This is a template</p> </template> <script> require('main.js') huha() </script> Und ich habe main.js var huha = function(){ alert("this is huha"); }; alert("this is simple alert"); Hier habe ich das "simple

Was ist der Unterschied zwischen babel-preset-es2015 und babel-preset-env?

Anzahl der Antworten 1 Antworten
Ich versuche momentan zu verstehen, über babel Konfiguration, aber verwirrt durch babel-preset-** gibt es viele preset in babel, wie env, es2015, react und andere, ich verstehe, dass babel-preset-es2015 ist notwendig, um transpile es2015 code zu früheren js-code,

Modul build failed (aus ./node_modules/babel-loader/lib/index.js): Error: Cannot find module 'babel-preset-reagieren'

Anzahl der Antworten 3 Antworten
Bin ich stecken mit der folgenden Fehlermeldung, wenn Sie versuchen zu bauen, reagiert die app mit Webpack4 und Babel7. FEHLER bei ./src/index.js Modul build failed (aus ./node_modules/babel-loader/lib/index.js): Error: Cannot find module 'babel-preset-reagieren' von '/Users/me/Desktop/reflask' - Wenn Sie

ES6-und Fenster - / global-Variablen

Anzahl der Antworten 1 Antworten
Arbeite ich mit es6-Module. In einigen von Ihnen, die ich lodash. Meine Frage ist - ist es möglich, zu laden, lodash als Globale variable, oder sollte es importiert werden alle Dateien einzeln? Ich versuchte dies in meiner

Kann nicht geladen statisches Bild mit Angular2 und webpack

Anzahl der Antworten 3 Antworten
In der Regel bin ich-backend-Entwickler, sondern fing an lernen frontend Sachen. Ich machte Beispiel-app von Angular-tutorial und versuchte, meine eigene kleine app. Steckte ich mit einfachen problem - wenn ich versuche zu laden statisches Bild (ex. logo)

die Fehlermeldung 'cannot find module' auf 'main.scss' mit Webpack, SASS, und Reagieren

Anzahl der Antworten 5 Antworten
Wenn Sie versuchen, SCSS, um führen Sie das styling auf meinen Reagieren-Anwendung mit Webpack bin ich mit dem Fehler: Module not found: Error: Can't resolve 'style' in '/Users/sachinkaria/Workspace/GC' @ ./app/index.js 4:0-29 @ multi ./app/index.js' und in den

Knoten: Automatisch aktualisieren browser auf Datei ändern

Anzahl der Antworten 2 Antworten
Ich möchte, dass meine Knoten-app automatisch zu aktualisieren meines Browsers, wenn sich eine Datei ändert (keine externe Anwendung). Möchte ich vermeiden, mit webpack dev-server, da es mir nicht erlaubt meine eigenen koa-server, und ist in der Regel

Verwenden Webpack Bibliothek und libraryTarget Konfiguration unserer eigenen Bibliothek über Globale var

Anzahl der Antworten 1 Antworten
Habe ich eine Bibliothek "xyz", die derzeit importiert werden, als Knoten-Modul durch npm-registry. Nun, möchte ich hinzufügen, dass es wie eine Bibliothek, und setzen Sie es über Globale Namen "abc". Möchte ich webpack-Konfiguration zu erreichen. So, ich

Fehler: Bitte rufen Sie “TestBed.compileComponents" vor dem test

Anzahl der Antworten 2 Antworten
Ich bin immer diese Fehlermeldung: Fehler: Dieser test Modul verwendet die Komponente MessagesComponent, die mit einem "templateUrl", aber Sie waren nie kompiliert. Bitte rufen Sie "TestBed.compileComponents" vor dem test. Beim Versuch, führen Sie diesen einfachen test Eckig

Wie man eine Liste aller Dateien (oder Module) enthalten pro Stück im Webpack

Anzahl der Antworten 5 Antworten
Kann nicht scheinen, um herauszufinden, alle debug-option oder ein plugin im webpack zu zeigen, was genau ging in einem Stück. Warum brauche ich diese? Ich habe bemerkt, Fälle, in denen code-splitting macht buchstäblich alles viel größer als

Wie zu verwenden Webpack mit Google Maps API?

Anzahl der Antworten 1 Antworten
Bin ich mit dem Webpack + html-webpack-plugin zu erstellen, alle meine statischen Dateien. Die Sache ist, wenn ich benutze es mit Google Maps API, funktioniert es nicht. Habe ich diesen code: var map; function initMap() { map

Definieren Sie den Pfad zu tsconfig.json

Anzahl der Antworten 2 Antworten
Bin ich mit dem webpack mit genial-Typoskript-loader in einer Umgebung mit mehreren tsconfig.json-Dateien. Gibt es eine Möglichkeit im webpack geben Sie den Pfad des gewünschten tsconfig.json-Datei? Lader: { test: /\.ts$/, loaders: ['awesome-typescript-loader', 'angular2-template-loader'], exclude: [/\.(spec|e2e)\.ts$/] } InformationsquelleAutor

Wie webpack-plugins bei der Verwendung von Laravel-Mix?

Anzahl der Antworten 1 Antworten
Wie sollte ich auch webpack plugins, wenn ich mit WebPack UND Laravel-Mix? Ich bin verwirrt, welche Datei füge ich den plugin-code in. Meine unten Versuch scheint nicht zu laufen, mein plugin. Das plugin sollte die Komprimierung der

Umfassen Kommentar oben webpack-Datei

Anzahl der Antworten 1 Antworten
Ich bin mit webpack zu bündeln eine Reihe von javascript-Dateien zusammen, und ich brauche, um ein copyright-Hinweis am Anfang der Datei. Ich kann nicht scheinen, um herauszufinden, wie zu tun, dass, oder wenn es möglich ist. Der

Warum funktioniert meine Reagieren Komponente Export nicht funktioniert?

Anzahl der Antworten 2 Antworten
War ich nur immer zu reagieren und zu versuchen, es aus für mich. Nach Stunden der Konfiguration webpack, nur um ein hello world auf meinem Bildschirm dachte ich, ich könnte jetzt gehen, aber nach dem Rendern eine

Webpack nicht richtig aufgelöst mein alias

Anzahl der Antworten 4 Antworten
Ich versuche, einen namespace für meine app funktioniert, wie Sie ein Modul, und der import meiner Komponenten unter Verwendung dieses namespace-Begrenzung der Verwendung von relativen Pfad. Obwohl, obwohl ich folgte der webpack-Dokumentation für alias hier: http://webpack.github.io/docs/configuration.html#resolve-alias Ich

"Definieren, ist nicht definiert" im Scherz beim testen es6-Moduls mit RequireJS Abhängigkeit

Anzahl der Antworten 1 Antworten
Habe ich eine Scherz-test-suite, die nicht ausgeführt werden, weil die Komponente, die Sie versucht zu testen, hängt von einem RequireJS-Modul. Hier ist der Fehler, die ich bin zu sehen: FAIL __tests__/components/MyComponent.test.js ● Test suite failed to run

Direkte link zu webpack Eintrag Punkte in der Anwendung von HTML?

Anzahl der Antworten 2 Antworten
Mein webpack Einstiegspunkt enthält eine [hash] im Namen: entry: "index.js", output: { path: "build/", filename: "index-[hash].js", } Wie kann ich ein link direkt zu diesem Eintrag Stelle aus meiner Anwendung HTML? Zum Beispiel würde ich gerne das

Webpack nicht kompilieren React.js Projekt

Anzahl der Antworten 1 Antworten
Ich versuche, meine reagieren template-Projekt mit webpack v2.2.1 & web-pack-dev-Server v2.4.1. Wenn ich "webpack-dev-server --progress --hot --inline --Farben", das web-pack meldet "Fehler beim kompilieren". Überprüfte ich meine .js-Datei & config-Datei, aber konnte Sie nicht finden, Fehler. Kann

Trace: Der node-Typ SpreadProperty umbenannt wurde, um SpreadElement am Objekt.isSpreadProperty

Anzahl der Antworten 4 Antworten
Starte ich eine app reagieren, und hier ist mein Webpack-Konfiguration: 'use strict' const ExtractPlugin = require('extract-text-webpack-plugin') const HTMLPlugin = require('html-webpack-plugin') module.exports = { devtool: 'eval', entry: `${__dirname}/src/main.js`, output: { filename: 'bundle-[hash].js', path: `${__dirname}/build`, publicPath: '/', }, mode:

Webpack + Reagieren + Typoskript

Anzahl der Antworten 2 Antworten
Ist es möglich, mit webpack mit Reagieren und Typoskript und in der Lage sein, zu bündeln und diese in ein web-bundle, aber immer noch in der Lage sein, um debug-original-Typoskript und Reagieren-code? Im webpack ich bin mit

Warum nicht den Aufbau der Produktion zu Reagieren-app (mit Webpack und Babel) verwenden falsche Entwicklung env mit HMR, die die Fehler verursacht?

Anzahl der Antworten 4 Antworten
Ich versuche zu schaffen, ein production-build von meinem Projekt Reagieren, aber es nimmt die falsche Konfiguration. In der development-version, die ich verwende HMR (Hot-Modul-Ersatz). Dieser konfiguriert ist .babelrc, unter env > development > plugins. Beim hinzufügen von

Warum webpack brauchen Sie eine leere Erweiterung

Anzahl der Antworten 4 Antworten
Ich versuche, herauszufinden, warum webpack benötigt diese leere extension. Innen resolve.extensions es gibt immer diese Art der Konfiguration: extensions: ['', '.js', '.jsx'] Warum kann es nicht sein nur dies: extensions: ['.js', '.jsx'] siehe auch hier: github.com/webpack/webpack/issues/3043 Ich

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") });

AngularJS und Webpack Integration

Anzahl der Antworten 2 Antworten
Ich bin auf der Suche nach Hilfe bei der Verwendung webpack für eine große AngularJS-Anwendung. Wir sind mit Ordner-Struktur auf der Basis von Funktion (jede Funktion/Seite hat ein Modul und Controller, Direktiven). Ich habe erfolgreich konfiguriert webpack,

html-webpack-plugin nicht Spritzen js-Datei in index.html bei der Verwendung von webpack-dev-server

Anzahl der Antworten 3 Antworten
Hier ist mein webpack config : var path = require('path'); var webpack = require('webpack') var HtmlWebpackPlugin = require('html-webpack-plugin') var fs = require('fs'),buildPath='./dist/'; var folder_exists = fs.existsSync(buildPath); if(folder_exists == true) { require('shelljs/global') rm('-rf', 'dist') }; module.exports = {

Reagieren-code nicht angezeigt im browser

Anzahl der Antworten 2 Antworten
Ich bin mit Webpack zu bündeln, einige Reagieren geschriebenen code in JSX-format. Ich habe alles eingerichtet und läuft soweit kompilieren geht und wie es aussieht, wenn alles richtig ist in der bundle.js Ausgabe-Datei. Wenn ich importieren Sie

Wie zu stoppen FOUC bei der Verwendung von css geladen webpack

Anzahl der Antworten 3 Antworten
Ich bin immer FOUC beim laden von css in meinem Einstiegspunkt, wenn mit webpack. Wenn ich das entfernen meiner css geladen werden, von webpack und gehören einfach in meine html-Datei als normalen link dann das problem mit

Mit webpack zum laden von CSS-Dateien aus node-Module

Anzahl der Antworten 2 Antworten
Ich versuche, einen reagieren Komponente enthält eine css-Datei. Ich bin erfordern die Komponente wie gewohnt: var Select = require('react-select'); Ich würde gerne wissen, wie kann ich festlegen, dass die css benötigt für die Komponente. Hab ich auch

Aktivieren der source-Karten erstellen-reagieren-app?

Anzahl der Antworten 3 Antworten
jeder. Ich bin ein neues Mitglied zu reagieren und ich meine app verwenden create-reat-app .Ich verwendet node-sass-chokidar Paket wie reagieren Dokument. Aber ich weiß nicht, wie zu aktivieren "source maps" der scss-Datei. Vielen Dank für jede Hilfe.

Webpack einfach kompilieren eine Reihe von Mops-Vorlagen in HTML

Anzahl der Antworten 1 Antworten
Im erste Schritte mit webpack aber eine Sache kann ich nicht für das Leben von mir zu erarbeiten, ist wie man einen Ordner (mit der Möglichkeit der verschachtelten Ordner), voller .Mops Vorlagen, und einfach compilieren zu statischem

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

Uncaught TypeError: fs.readFileSync keine Funktion

Anzahl der Antworten 4 Antworten
Ich versuche webpack und mapbox-gl arbeiten zusammen innerhalb von Meteor Systems. Ich habe überall suchen, über die oben genannten Fehler, aber keiner funktioniert. Hier ist mein webpack setup { "root": "src", "devServer": { "host": "localhost" }, "sass":

Winkel-cli niedrigere version lokal

Anzahl der Antworten 4 Antworten
Ich eine neue version von angular-cli Global installiert. Die version ist wie folgt. C:\Users\W055013\kumar\learn\rx>ng --version As a forewarning, we are moving the CLI npm package to "@angular/cli" with the next release, which will only support Node 6.9

Ist es möglich zu schreiben webpack config in typescript?

Anzahl der Antworten 4 Antworten
Sah ich, beim suchen, dass es-Testungen für webpack. So es scheint, ich kann schreiben webpack.config.js in typescript? Aber wie kann ich das tun? Hey! Würdest du in Erwägung ziehen das akzeptieren, markieren Sie das hoch von Ihnen

Wie require 'ass-builds/ace' mit Webpack und noParse option

Anzahl der Antworten 1 Antworten
Ich versuche momentan zu verlangen ass-builds (installiert bower) mit webpack. Da es eine große lib, ich bin das hinzufügen den gesamten Ordner zu noParse option. Ich bin mit webpack mit der option-d auf dem terminal. Das problem

Wie bekomme ich Karma + Webpack finden das Modul?

Anzahl der Antworten 1 Antworten
Ich will laufen meine tests auf einer Reihe von Modulen nach dem webpack hat, kombiniert Sie zusammen durch das Karma test runner, aber immer, wenn ich mit meinen tests Karma sagt, "Error: Cannot find-Modul "hello.js" an http://localhost:9877/base/src/hello.spec.js?d301966ffc1330826574d9d8fff5a644c3390c68:47"

Kann keine Bilder laden mit webpack dev server middleware

Anzahl der Antworten 1 Antworten
Also ich habe in den letzten 24 Stunden und Optimiere meinen code und versucht, diese zu arbeiten und durchforstete SO und Google, aber kein Glück - vielleicht kann jemand helfen! Reagieren meine app läuft auf Express, aber

mit async/await mit webpack-einfache Konfiguration werfen Fehler: RegeneratorRuntime nicht definiert

Anzahl der Antworten 3 Antworten
Bin ich mit dem webpack-einfache Vorlage mit folgenden Konfigurationen: Paket.json { "name": "vue-wp-simple", "description": "A Vue.js project", "version": "1.0.0", "author": "v", "private": true, "scripts": { "dev": "webpack-dev-server --inline --hot", "build": "cross-env NODE_ENV=production webpack --progress --hide-modules" }, "dependencies":

Wie zu verwenden noParse im webpack?

Anzahl der Antworten 1 Antworten
Ausschließen will ich dies von meinem webpack-Datei, indem Sie diese Zeile code, die mir gegeben unten. noParse: /node_modules\/localforage\/dist\/localforage.js/, Aber egal was ich versuche ich es hält auf zu sagen Fehler, wie ReferenceError: Unknown plugin "add-module-Exporte" angegeben C:/..../node_modules\localforage\.babelrc

WebPack-Funktion ausführen, bevor der Aufbau beginnt

Anzahl der Antworten 1 Antworten
Muss ich ausführen einer JavaScript-Funktion vor dem Webpack beginnt seine building-Prozess. Die Funktion braucht nur .scss Dateien und verketten Sie in einem. Danach Webpack sollte die Ergebnis-Datei. Gibt es eine Möglichkeit, das zu tun? Im moment habe

Nicht ES6 import JSX-Module im Webpack

Anzahl der Antworten 2 Antworten
Für einige Grund, warum ich kann nicht scheinen, um Webpack import-Module aus .JSX-Dateien. Jedes mal, wenn ich versuche zu laufen Webpack werde ich diese Meldung bekommen: ERROR in ./src/Example.jsx Module parse failed: /path/to/project/src/Example.jsx Unexpected token (6:12) You

Verkleinerung für die ES6-code in webpack mit babel

Anzahl der Antworten 2 Antworten
Habe ich versucht Optionen wie Uglifyjs,babelli (babel-minifizieren ).nichts scheint zu funktionieren.Verunstalten wirft eine Fehlermeldung wie diese: Namen erwartet [au680.bundle.js:147541,22] babelli nicht minimiert den code entweder.Kann jeder ein einfaches Beispiel geben von es6 Verkleinerung nutzen webpack 2, babel.

webpack - How zu extrahieren bundle für die jeweiligen Komponenten

Anzahl der Antworten 2 Antworten
Ich würde gerne entpacken/extrahieren Sie die Komponente und js-Dateien aus bundle.js (ein webpack-Datei). ich habe mit dieser Datei nur Ich habe gegoogelt und versucht, einige Möglichkeiten zu bundle entpacken js-Dateien, aber es hat nicht geklappt. ich habe

[email protected] erfordert ein peer webpack@^4.x.x aber keines installiert ist

Anzahl der Antworten 1 Antworten
Habe ein wenig Probleme mit Reagieren. Weiß jemand wie ich das installieren kann, mit dem der peer webpack@^4.x.x? Dies ist der Fehler, bin ich empfangen, wenn ich versuche zu laufen webpack-dev-server in cmd. Es gibt einfach zurück,

benötigen Sie ein Modul mit webpack

Anzahl der Antworten 1 Antworten
Ich benutze Webpack, um zu bauen mein javascript auf meiner website. Alles funktioniert perfekt, aber ich möchte zu nennen, erfordern in einer Vorlage (dynamisch Hinzugefügt). Will ich verlangen können, ein Modul nach dem bauen. (erforderlich ist nicht

Hässlich machen, Nicht Lesen-Eigenschaft 'reset' undefined

Anzahl der Antworten 5 Antworten
Ich verwendet webpack2 zu bauen my app, aber Wann verwenden Sie verunstalten-js + uglifyjs-webpack-plugin.Ich habe einige Probleme: ERROR in vendors.js from UglifyJs TypeError: Cannot read property 'reset' of undefined at F:\Github\Program\My-test\Webpack\www2\node_modules\[email protected]@uglifyjs-webpack-plugin\dist\index.js:99:22 at F:\Github\Program\My-test\Webpack\www2\node_modules\[email protected]@uglifyjs-webpack-plugin\dist\index.js:231:9 at Array.forEach (native) at