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.
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
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
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
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,
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
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
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)
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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:
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
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
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
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") });
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,
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 = {
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
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
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
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.
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
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"
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
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":
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
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
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
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"
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
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":
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
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
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
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.
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
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,
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
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