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.
Benötigen JS-Dateien dynamisch zur Laufzeit mit webpack
3 Antworten
Ich versuche auf port eine Bibliothek von grunt/requirejs zu webpack und stolperte über ein problem, das könnte ein game-breaker für dieses Unterfangen. Die Bibliothek, die ich versuchen, Anschluss an eine Funktion, die Lasten und wertet Sie aus
angular2-cli-benutzerdefinierte Schriftarten
4 Antworten
Ich versuche, einige benutzerdefinierte Schriftarten in meinem Projekt kein Erfolg. HINWEIS: ich bin mit Winkel-cli: [email protected] Ich die Schriftarten im Ordner src/assets/fonts/Roboto-Regular.tff Ich in src/styles.css @font-face { font-family: "Roboto-Regular"; src: url("./assets/fonts/Roboto-Regular.tff"); } Ich es in eine Komponente
Webpack 4 - create vendor Stück
5 Antworten
In einem webpack 3 Konfiguration würde ich folgenden code verwenden, erstellen Sie separate vendor.js chunk: entry: { client: ['./client.js'], vendor: ['babel-polyfill', 'react', 'react-dom', 'redux'], }, output: { filename: '[name].[chunkhash].bundle.js', path: '../dist', chunkFilename: '[name].[chunkhash].bundle.js', publicPath: '/', }, plugins:
Webpack --Uhr und starten nodemon?
6 Antworten
Dank einer ausgezeichnete Antwort von @McMath ich habe jetzt webpack zusammenstellen sowohl mein client und mein server. Ich bin jetzt auf zu versuchen, zu machen webpack --watch nützlich sein. Im Idealfall würde ich mag, um es spawnen
Scherz TypeError: Pfad muss ein string sein. Erhalten undefined
5 Antworten
Unter Einstellungen für mein Paket.json Wenn ich von der Kommandozeile aus ausgeführt npm test alle Scherz-Tests werden ordnungsgemäß ausgeführt. Wenn ich direkt den Befehl jest von der Kommandozeile erhalte ich diese Fehlermeldung: Test-suite ausführen konnte TypeError: Path
Erhalten Webpack nicht-bundle-Dateien
2 Antworten
So, jetzt arbeite ich mit einem Prototyp, wo wir mit einer Kombination zwischen webpack (für Gebäude .tsx-Dateien und kopieren .html-Dateien) und webpack-dev-server, die für die Entwicklung dienen. Wie können Sie annehmen, wir sind auch mit Reagieren und
'import' und 'export' kann nur erscheinen auf der obersten Ebene
8 Antworten
Ich bin mit webpack mit vuejs. Webpack seine Sache macht, aber wenn ich mir das ausgegeben app.js Datei, es gibt mir diese Fehlermeldung. 'import' und 'export' kann nur erscheinen auf der obersten Ebene Ich gehe davon aus,
Ausführung einer Knoten-express-server mit webpack-dev-server
3 Antworten
Ich bin mit webpack laufen meine reagieren frontend erfolgreich mit der folgenden config: { name: 'client', entry: './scripts/main.js', output: { path: __dirname, filename: 'bundle.js' }, module: { loaders: [ { test: /.jsx?$/, loader: 'babel-loader', exclude: /node_modules/, query:{
Mehrere html-files mit webpack
2 Antworten
Ich versuche, etwas zu tun in einem Projekt, ich bin mir nicht sicher, ob es möglich ist, ich bin in einer falschen Art und Weise oder Missverständnis etwas. Wir sind mit webpack, und die Idee ist, dienen
Wie soll ich moment timezone mit webpack?
2 Antworten
In mit webpack zu bauen, mein Projekt, die ich benötigen in der Regel Module im CommonJS von npm-Modulen. Ich brauche moment-Zeitzone in meinem Projekt, jedoch in Paket bauen, müssen Sie auch alle Daten von moment-Zeitzone, die können
Webpack nicht geladen bootstrap v4.0.0-beta
5 Antworten
Ich habe mir vor kurzem eine config mit webpack und bootstrap v4.0.0-alpha.6 das funktionierte gut, bis heute, als ich versuchte, zu ändern, zu v4 beta und jetzt kann ich nicht scheinen, um es richtig funktioniert 🙁 Ich
Inkompatible Einheiten: 'rem' und 'px' - Bootstrap 4 und Laravel-Mix
3 Antworten
Ich habe gerade installiert ein frisches Laravel 5.4 und bootstrap-4 alpha 6. Laravel mix nicht kompilieren SASS: Hier ist ein Fehler: Module build failed: ModuleBuildError: Module build failed: $input-height: (($font-size-base * $input-line-height) + ($input-padding-y * 2)) !default;
Wie auch auf externe Datei mit webpack
1 Antworten
Ist es möglich auch auf externe Datei mit dem webpack (außerhalb des Kontexts) und stellen die Datei enthalten in gebaut Ausgang bundle.js? betrachten Sie dieses setup, wo "sub-app" - Kontext für webpack: /sub-app/entry.js /bower-components/zepto/zepto.js Und webpack config
Webpack config hat eine unbekannte Eigenschaft 'Preloader'
5 Antworten
Ich Lerne webpack von Grund auf. Ich habe gelernt, wie man link-javascript-Dateien anfordern. Ich bin die Bündelung und minifying meine js-Dateien, und bin ich empfangsbereit für änderungen mit Uhr. Ich bin einrichten Lader zu konvertieren, meine sass-Dateien
Aktuelle Datei-Pfad im webpack
2 Antworten
Gibt es eine Möglichkeit erhalten, aktuelle Datei-Pfad, wie in requirejs? define(['module'], function (module) { console.log(module.uri) }); InformationsquelleAutor der Frage Sergey Lapin | 2014-08-28
Unerwarteter Wert 'MyCustomModule" importiert durch das Modul 'AppModule'
3 Antworten
Ich versuche zu migrieren einer meiner angular2 benutzerdefinierte Bibliothek zu RC.6 + Webpack. Meine Verzeichnisstruktur ist: - src - source TS files - lib - transpiled JS files + definition files - dev - development app to
Font Awesome 5 Bundle über NPM
3 Antworten
Ich versuche zu bündeln, nur erforderlich, Font Awesome 5 icons über webpack, aber die Symbole werden nicht ersetzt in der DOM. Habe ich alle benötigten Pakete aus dem Dokumentation: yarn add -D @fortawesome/fontawesome yarn add -D @fortawesome/fontawesome-pro-solid
Zsh: command not found: webpack
6 Antworten
Ich bin zu lernen, zu Reagieren und installiert webpack durch npm zu meinem Projekt-Verzeichnis, aber die zsh ist nicht zu finden den Befehl auch wenn ich sehe webpack installiert in meinem Projekt. Ich verwendet npm init --yes
Wie legen Sie lösen für die babel-loader-Vorgaben
3 Antworten
Ich versuche, mich ein bundle mit webpack. Ich habe eine etwas komplexe Abhängigkeit: einige Komponenten benötigen, befinden sich in einigen /home/.../ Ordner. Komponente (/home/.../far-away-components/base-component.js- Datei): import {base_component} from "base-component"; exports class MyComponent extends base_component { ... }
Winkel-cli oder Webpack
3 Antworten
Ich verwendet angular-cli in unserem Projekt. Nun, wir kamen zu wissen, über webpack. Wie pro meine Forschung webpack ist schneller als angular-cli und es entfernt auch unbenutzten code. Ich weiß nicht, über die Nachteile. Ich möchte nur
Wie kann ich polyfill Versprechen mit webpack?
7 Antworten
Ich bin mit webpack zu bündeln, bis mein JavaScript. Ich bin abhängig von Modulen wie Eis am Stiel die Verwendung alle-Versprechen. Hier ist mein code: var popsicle = require('popsicle'); popsicle.get('/').then(function() { console.log('loaded URL'); }); Dieser funktioniert im
CSS-Module: Wie kann ich das deaktivieren lokalen Bereich für eine Datei?
3 Antworten
Ich bin mit CSS-Modulen (durch Webpack css-loader) in eine neue React Projekt, und obwohl es großartig, ich habe Probleme dabei, die SCSS für Reagieren Wählen zu arbeiten. Ich denke, das ist, weil es versucht zu erstellen local
Webpack Fehlende Modul 'Modul Nicht Gefunden'
1 Antworten
Derzeit arbeite ich auf einen reagieren webpack babel etc-Website, und versuchen, für die erste Zeit. Der build ist erfolgreich, aber wenn ich öffnen Sie den browser bekomme ich folgende Fehlermeldung: Uncaught Error: Cannot find module "/Users/michael.nakayama/Documents/Development/jamsesh/node_modules/webpack/node_modules/node-libs-browser/node_modules/process/browser.js" Diesem
Wie hinzufügen von wildcard-mapping Eintrag in der webpack
5 Antworten
Ich muss webpack alle die js-Datei in den script Ordner.Ich habe versucht, diese module.exports = { module: { loaders: [ { test: /\.js$/, exclude: /node_modules/, loaders: ["babel-loader"], } ], }, entry: "./src/scripts/*.js", output: { path: './src/build', filename:
Wie Baue ich mit ansehen, aktiviert durch den Winkel-cli?
2 Antworten
Ich will nicht dienen, ich weiß, dass es Uhren für änderungen, baut und betreut. Ich möchte auf dem aufbauen, Veränderungen. Laut "ng helfen", bauen, nimmt der parameter --Uhr ng bauen, Baut Ihre app und stellen Sie es
Läuft eine eckige 2 integrierte Anwendung, die lokal auf Chrom-mit Winkel-cli ohne eine node server
8 Antworten
Mache ich Winkel 2 Frage sehr präzise. 1. Ich bin mit: Winkel 2, Winkel-cli: 1.0.0-beta.15, ( webpack Gebäude ) Knoten: 6.4.0, os: linux x64 2. Was ich erreichen will: Will ich bauen, mein Projekt so, dass nach
Webpack - Extrakt-text-webpack-plugin-Modul Nicht finden kann
4 Antworten
webpack.config.js var ExtractTextPlugin = require("extract-text-webpack-plugin"); Ich sofort diese Fehlermeldung, wenn ich nur implementieren, das plugin: module.js:339 throw err; ^ Error: Cannot find module 'webpack/lib/ConcatSource' at Function.Module._resolveFilename (module.js:337:15) at Function.Module._load (module.js:287:25) at Module.require (module.js:366:17) at require (module.js:385:17) at
Einfache Lösung zum teilen von Modulen geladen, die über NPM über mehrere Browserify oder Webpack-bundles
3 Antworten
Mein Haar ziehen hier auf der Suche nach einem einfach Lösung, um code gemeinsam zu nutzen, erforderlich, die über NPM, über mehrere Browserify oder Webpack-Pakete. Denken, ist es so etwas wie eine Datei, die "Brücke"? Dies ist
Webpack + Babel: nicht finden Konnte preset "es2015" relativ zum Verzeichnis
3 Antworten
Ich habe eine Reagieren-Projekt mit Webpack und Babel. Wenn ich Sie erstellt habe, die auf ein office-Rechner, der Webpack lief fein. Wenn ich geklont das Projekt auf meinem persönlichen computer, gab es die folgende Fehlermeldung: ERROR in
webpack.validateSchema keine Funktion
9 Antworten
Webpack werfen dieser Fehler plötzlich: TypeError: webpack.validateSchema ist nicht eine Funktion Alles war in Ordnung arbeiten Freitag, nicht arbeiten heute. Keine neuen commits zu master seit Freitag. Beschnitten NPM, das hat nicht funktioniert, gelöscht NPM-Ordner und re-installiert,
Import von moment-timzone und moment-range mit webpack (Babel/ES6)
5 Antworten
Ich bin mit Webpack mit Babel loader. Schreiben von ES6-standards. Ich habe beide installiert Augenblick-Zeitzone und der moment-Reihe mit npm. Beide sind moment.js plugins, und beide hängen von der moment - Paket, exportieren und in einer separaten
Wie funktioniert webpack beheben Einfuhren aus node_modules?
1 Antworten
Wenn ich eine Bibliothek von meinem node_modules Ordner ich etwas wie das hier tun: import angular from 'angular'; import $ from 'jquery; Wie funktioniert webpack wissen, welche Datei(en) es hat wirklich importieren? Denke, es ist eine Art
Wie kann ich setup-webpack zu verkleinern und kombinieren, scss und javascript wie CodeKit?
1 Antworten
Ich habe Probleme mit webpack statt Codekit v1.9.3. Ich begann, sich zu bewegen von CodeKit zu Grunt und Gulp, und dann erfuhr webpack klingt sehr cool. Ich kann einfach nicht scheinen, um es richtig funktioniert. "Wie Codekit"
Wie Paket konfigurieren.json zu laufen eslint-Skript
3 Antworten
So, ich bin mit eslint als linter für mein Projekt reagieren und ich möchte es zu überprüfen, alle meine .js - Dateien. Ich bin in der Lage, dies zu tun durch das Skript: "lint": "eslint back/*.js &&
Bootstrap 4 Beta importieren Popper.js mit Webpack 3.x wirft Popper ist kein Konstruktor
5 Antworten
So Bootstrap 4 Beta ist... yey! Allerdings Tether wurde ersetzt durch Popper.js für tooltip (und andere Funktionen). Ich sah einen Fehler geworfen in die Konsole schnell genug, um mich beraten von der änderung Popper.js: Bootstrap dropdown require
webpack --Uhr nicht kompilieren von geänderten Dateien
25 Antworten
Ich habe versucht mit webpack --watch und nach der Bearbeitung meiner JS-Dateien, es wird nicht ausgelöst, eine automatische Neukompilierung. Habe ich versucht, Neuinstallation webpack mit npm uninstall aber es funktioniert immer noch nicht. Irgendwelche Ideen? InformationsquelleAutor der
Wie kann man für die webpack-dev-server zu ermöglichen, entry points von reagieren-router
8 Antworten
Ich bin momentan dabei eine app, die verwendet webpack-dev-server in Entwicklung, neben reagieren-router. Scheint es, dass webpack-dev-server basiert auf der Annahme, dass Sie einen öffentlichen Eintrag Punkt an einem Ort (D. H. "/"), in der Erwägung, dass
Anpassen ng dienen als proxy-Aufrufe an /api?
1 Antworten
Erstellte ich eine neue Anwendung mit ng CLI, funktioniert wie ein Charme: ng new babysteps cd babysteps ng serve ng dienen verwendet webpack zu montieren die app. Um vollständig zu testen, muss ich dienen /api... von meinem
Wie "einschließen" und "ausschließen" funktioniert in der webpack-loader
2 Antworten
Update&Antwort: Mein missverstanden wurde: Alle importierten/benötigten Dateien umgewandelt werden, indem loader. Jedoch einige importierte/erforderliche Dateien sind nicht notwendig, umgewandelt werden. Zum Beispiel, js-Dateien in "node_module" verarbeitet wurden. So gibt es keine Notwendigkeit transformiert werden wieder durch Babel
Wie man das webpack dev-server laufen, auf port 80 auf 0.0.0.0 öffentlich zugänglich zu machen?
9 Antworten
Ich bin neu in der ganzen nodejs/reactjs Welt, also entschuldigt, wenn meine qs-klingt albern. Also ich bin Herumspielen mit diesem reactjs app hier: https://github.com/bebraw/reactabular Immer wenn ich "npm start", es läuft immer auf " localhost:8080 Wie kann
webpack-dev-server Nicht finden kann-Modul "webpack'
2 Antworten
Ich versuche, webpack-dev-server zum ausführen eines einfachen Programms aber ich bin immer diese Fehlermeldung: module.js:471 throw err; ^ Error: Cannot find module 'webpack' at Function.Module._resolveFilename (module.js:469:15) at Function.Module._load (module.js:417:25) at Module.require (module.js:497:17) at require (internal/module.js:20:19) at Object.<anonymous>
Webpack mit einem array bereitgestellt, die als config
2 Antworten
In diesem webpack starter kit https://github.com/webpack/react-starter sehe ich das webpack.production.config.js Modul exportiert nicht nur ein config-Objekt, sondern ein array von config-Objekte statt: module.exports = [ require("./make-webpack-config")({ //commonsChunk: true, longTermCaching: true, separateStylesheet: true, minimize: true //devtool: "source-map" }),
Webpack: node_modules/css/index.js nicht zurück eine Funktion
3 Antworten
Ich versuche webpack für die erste Zeit und verwendet dieses tutorialum loszulegen und umfassen react.js. Nach Abschluss der Schritte und die Installation der style und css Modul ich erhalte immer eine Fehlermeldung, dass das css-Modul nicht zurückkehren,
Aufruf webpacked code von außen (HTML-script-tag)
4 Antworten
Nehme an, dass ich die Klasse wie folgt aus (in Maschinenschrift) und ich es mit Bündel webpack in bundle.js. export class EntryPoint { static run() { ... } } In meinem index.html ich werde auch das bundle,
Mit webpack mit einer vorhandenen Anwendung requirejs
1 Antworten
Ich arbeite mit einer bestehenden Anwendung (Leinwand-lms) verwendet, RequireJS in seinem build-system. Ich arbeite an einer pseudo-standalone-Anwendung, die Stecker in die Leinwand ("client_app" in Canvas-Sprachgebrauch). Dies ist ein fontend-einzige app, die macht-API-Aufrufe zurück an den host-Canvas-app. Die
Mit Winkel-CLI und nicht die relative Bild-Pfade in den CSS-Dateien
3 Antworten
Setup-Winkel-app mit angular CLI und haben eine Komponente, die ein Bild in das Komponenten-Verzeichnis. Beispiel: app/ ---/common-components ------/header ---------/header.component.ts ---------/header.component.css ---------/images --------------/image.png Innerhalb der CSS-Datei verwende ich folgenden Stil: .image { background-url: url('images/image.png'); } Wenn ich die
Wie um zu verhindern moment.js laden locales mit webpack?
5 Antworten
Hallo, gibt es irgendwie kann man Sie stoppen moment.js laden alle locales(ich brauche nur englischen), wenn Ihr mit webpack? Ich bin auf der Suche an der Quelle, es scheint, dass, wenn die hasModule-definiert, die es für webpack
tslint-loader mit webpack 2.1.0-beta.25
3 Antworten
Ich habe eine angular2 Projekt, dass ich komprimieren/compilieren mit webpack. Benutze ich tslink loader mit webpack also ich habe tslint bezogene Konfiguration in webpack.config.js. module.exports = { ... tslint: { configuration: { rules: { quotemark: [true, "double"]
Wie hinzufügen von font-awesome, Gewinkelt 2 + CLI-Projekt
18 Antworten
Ich bin mit Winkel-2+ und Winkel-CLI. Wie füge ich Schrift-genial für mein Projekt? InformationsquelleAutor der Frage Nik | 2016-08-05
Winkel-4: "Cannot find-name 'benötigen'
4 Antworten
Baue ich eine app mit Winkel 4 und webpack. Habe ich Folgendes in einer meiner Komponenten: ngOnInit() { require('/assets/js/regular-expresions.js'); } Wenn ich versuche zu kompilieren, bekomme ich: FEHLER in C:/SRC/Sandbox/Essen-schlafen-code.com/src/app/content.Komponente.ts (21,9): Kann nicht finden, der name 'benötigen'.