Normalerweise wird Webpack im Entwicklermodus über HTTP ausgeführt. Normalerweise gibt es einen Webserver, der Inhalte über HTTP und Webpack über http / websockets an einem separaten Port bereitstellt. Ist es möglich, den Webserver unter https und das Webpack unter https / websocket Secure...
Ich benutze Style-Loader mit Webpack und React Framework. Wenn ich Webpack im Terminal ausführe, erhalte Module not found: Error: Cannot resolve module 'style-loader'ich die Datei import.js, obwohl ich den Dateipfad korrekt angegeben habe. import '../css/style.css'; import React from 'react';...
Ich benutze Webpack + Babel. Ich habe drei Module, die so aussehen: // A.js // some other imports here console.log('A'); export default 'some-const'; // B.js import someConst from './A'; console.log('B', someConst); export default 'something-else'; // main.js import someConst from...
Wie kann ich mit einem Webpack die Eingabe / Ausgabe mehrerer Dateien im Projekt festlegen? Ich folge http://webpack.github.io/docs/tutorials/getting-started/ Erfolgskompilierung, wenn nur eine Datei in einem Eintrag / einer Ausgabe ... Verzeichnis app webpack.config.js ./assets
Ich habe versucht herauszufinden, wie Bilder über React und Webpack dynamisch hinzugefügt werden können. Ich habe einen Bildordner unter src / images und eine Komponente unter src / components / index . Ich verwende URL-Loader mit der folgenden Konfiguration für Webpack { test:...
Der Versuch, etwas zu tun, würde ich für sehr einfach halten. Ich möchte eine vorhandene JavaScript-Bibliothek importieren und dann deren Funktionen aufrufen. So möchte ich zum Beispiel blah.js importieren und dann blah () aufrufen. import React from 'react'; import {blah} from...
Wie deaktiviere ich ein ESlintProjekt, das mit erstellt wurde vue-cli? preLoaders: [ { test: /\.vue$/, loader: 'eslint', include: projectRoot, exclude: /node_modules/ }, { test: /\.js$/, loader: 'eslint', include: projectRoot, exclude: /node_modules/ } ] Wenn ich die loader: 'eslint'Zeile entferne...
In einigen Webpack-Beispielen sehen Sie Verweise auf ein "Regeln" -Array: module.exports = { module: { rules: [ { test: /\.scss$/, use: ExtractTextPlugin.extract({ fallback: 'style-loader', //resolve-url-loader may be chained before sass-loader if necessary use: ['css-loader',...
Insbesondere beim Übergang von Webpack v1 zu v2 wäre es wichtig, programmgesteuert zu bestimmen, welche Webpack- Version installiert ist, aber ich kann anscheinend keine geeignete API finden.
Ich versuche, eine Bilddatei in eine meiner Reaktionskomponenten zu importieren. Ich habe das Projekt mit Web Pack eingerichtet Hier ist mein Code für die Komponente import Diamond from '../../assets/linux_logo.jpg'; export class ItemCols extends Component { render(){ return (...
Ich versuche, einer React-basierten Website, die ich mit Webpack erstellt habe, ein Favicon hinzuzufügen. Es war ein totaler Albtraum, ein Favicon hinzuzufügen, und ich habe viele Lösungen ohne Erfolg ausprobiert. Die neueste Lösung, die mir empfohlen wurde, heißt 'favicons-webpack-plugin' und ist...
Ich habe hier und hier in den Dokumenten nachgeschlagen , StackOverflow- und GitHub-Diskussionen durchsucht und kann diese Informationen immer noch nicht finden. Gibt es eine Ressource oder weiß jemand, ob die Reihenfolge der Plugins in Webpack von Bedeutung ist? Und wie funktioniert die...
Webpack-Dokumente Mit der Funktion require.context () können Sie Ihren eigenen Kontext erstellen. Großartig. Was ist ein "Kontext"? Was macht das eigentlich? Sie können ein zu durchsuchendes Verzeichnis übergeben, ein Flag, das angibt, ob auch Unterverzeichnisse durchsucht werden sollen,...
Ich bin neu in Mocha und versuche damit eine einfache React-Komponente zu testen. Der Test wird bestanden, wenn die Reaktionskomponente kein CSS-Design hat, aber einen Syntaxfehler auslöst, wenn das Tag in der Reaktionskomponente einen Klassennamen enthält: Testing.react.js import React from...
Ich verwende die folgende Umgebungsvariable in meiner Create-React-App: console.log(process.env.REACT_APP_API_URL) // http://localhost:5555 Es funktioniert, wenn ich npm starteine .envDatei lese : REACT_APP_API_URL=http://localhost:5555 Wie setze ich einen anderen Wert wie
Irgendeine Idee, wie man damit umgeht? Ich meine, jquery-ui scheint nicht amd zu sein und ich weiß nicht, wie ich damit umgehen soll, irgendeine Idee?
Ok, um das einfach zu erklären: Ich habe 3x Seiten. Page 1 (Startseite) Seite 2 (Menü) Page 3 (Über) Seite 1 hat a- <router-link to="/menu"> Schaltfläche, die beim Klicken Routen zu "/ menu". Im Moment hat Seite 2 (Menü) eine <router-link to="/"> Klicken Sie auf diese Schaltfläche, und...
Ich habe die folgenden webpack.config.js var path = require("path"); var webpack = require('webpack'); module.exports = { entry: { 'ng2-auto-complete': path.join(__dirname, 'src', 'index.ts') }, resolve: { extensions: ['', '.ts', '.js', '.json', '.css', '.html'] }, output: { path:...
Ich habe mich kürzlich mit Rollup befasst und festgestellt , wie es sich von Webpack und anderen Bundlern unterscheidet. Eine Sache, auf die ich gestoßen bin, war, dass es für Bibliotheken wegen "flacher Bündelung" besser ist. Dies basiert auf einem Tweet und einer kürzlich veröffentlichten PR für...
Ich verwende webpack mit HtmlWebpackPlugin, html-loaderund file-loader. Ich habe eine einfache Projektstruktur, in der ich keine Frameworks verwende, sondern nur Typoskript. Daher schreibe ich meinen HTML-Code direkt in index.html. Ich verwende diese HTML-Datei auch als Vorlage in...