Tag: webpack-style-loader

Element Lader Liste haben sollte, 'loader' oder 'Lader' mit sass-loader webpack

1 Antworten

Habe ich diesen Lader in meinem webpack loader array: { test: /\.scss$/, exclude: /node_modules/, loaders: ExtractTextPlugin('style-loader', 'css-loader!sass-loader') } Ich versuche, webpack bauen meine SCSS zu CSS, aber ich bekomme diese Fehlermeldung: /Users/bli1/Development/Django/CL/cherngloong/cherngloong/cherngloong/node_modules/webpack/node_modules/webpack-core/lib/LoadersList.js:60 throw new Error("Element from loaders

Webpack nicht be-hintergrund-Bild

2 Antworten

Ich versuche, laden Sie ein Bild: background: transparent url("../img/select-icon.png") no-repeat center right 8px; In meinem Stil.scss, und es funktioniert nicht Hier ist mein webpack.config: function _path(p) { return path.join(__dirname, p); } module.exports = { context: __dirname, entry:

background-image sass sass-loader webpack webpack-style-loader

Webpack [url/file-loader] ist nicht die Lösung der Relative Pfad der URL

3 Antworten

Stehe ich vor einem problem in Webpack bezüglich Relativer Pfad. Lassen Sie mich versuchen zu erklären das Szenario : Ich habe 2 separate Projekt in Workspace-Verzeichnis : Projekt-A [Bündelung mit Gulp] : Stabil & Arbeiten Projekt-B [Bündelung

javascript reactjs urlloader webpack webpack-style-loader

Font-awesome nicht das laden-Symbol in der Bootstrap

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

font-awesome javascript twitter-bootstrap-3 webpack webpack-style-loader

Wie kann ich den load image(s) in sass-stylesheet im webpack?

3 Antworten

Ich bin mit Webpack zu bündeln, meine Module und mit sass für styling Sinn in einen reagieren basierte Anwendung. Verwendung einer separaten style-sheet ich bin der Einstellung von hintergrund-Bild von einer Komponente geladen und das style-sheet in

css javascript reactjs webpack webpack-style-loader

Wie materialisieren-css-npm-Paket mit webpack

2 Antworten

Ich Schreibe eine client-seitige Anwendung, die mit Webpack, und ich kann nicht herausfinden, wie zu verlangen, die materialisieren-css-Paket. Ich bin mit Henrik Joreteg die hjs-webpack-Paket, und mit diesem die yeticss npm-Paket enthalten ist, durch einen import in

css materialize npm webpack webpack-style-loader

Kann nicht make bootstrap Arbeit mit Webpack

4 Antworten

Arbeite ich mit einem webpack-dev-server und ich bin versucht zu zählen bootstrap. Habe ich dieses Projekt Struktur: ── css │ └── bootstrap.min.css │── js | └── bootstrap.min.js ├── dist ├── index.html ├── package.json ├── server.js ├── src

javascript twitter-bootstrap webpack webpack-dev-server webpack-style-loader

Warum bin ich nicht in der Lage zu kompilieren SASS mit Webpack?

1 Antworten

Habe ich die folgenden Module, die in meinem Webpack config: module: { preLoaders: [ { test: /\.vue$/, loader: 'eslint', include: projectRoot, exclude: /node_modules/ }, { test: /\.js$/, loader: 'eslint', include: projectRoot, exclude: /node_modules/ } ], loaders: [

sass-loader vue.js webpack webpack-dev-server webpack-style-loader

Reagieren Server-side-rendering von CSS-Module

3 Antworten

Die aktuelle Praxis für die CSS-Datei mit, Reagieren die Komponenten zu sein scheint, mit webpack Stil-loader laden Sie ihn in die Seite. import React, { Component } from 'react'; import style from './style.css'; class MyComponent extends Component

reactjs webpack webpack-style-loader

[email protected]: “Modul parse failed. Möglicherweise benötigen Sie einen entsprechenden loader zum verarbeiten dieser Datei-Typ" - aber mithilfe von css-loader-und-Stil-loader

1 Antworten

Unten ist meine webpack.config.js und das Paket.json module.exports = { entry: "./entry.js", output: { filename: "./build/js/bundle.js" }, module: { rules: [ { test: /.\js$/, use: [ { loader: 'babel-loader', options: { presets: ["es2015"] } } ] },

css-loader webpack webpack-style-loader

Was macht ein `~` tilde in einem CSS `url()` tun?

1 Antworten

E. g. @import url("~./foobar"); Sah es hier, nicht sicher, ob es eine Paket-spezifische Sache ist oder ob es tatsächliche CSS-syntax. Nein, dies ist nicht eine Auswahl-operator, es ist ein Teil von einer Datei-Verzeichnis. InformationsquelleAutor ahstro | 2016-09-16

css css3 webpack webpack-style-loader

"Möglicherweise müssen Sie einen entsprechenden loader zum verarbeiten dieser Datei-Typ" mit Webpack und CSS

3 Antworten

Ich ein neues webpack, und ich in der Lage gewesen, um es zu packup mein javascript, sondern CSS, entzieht sich mir. Ich bekomme immer ein: "Möglicherweise müssen Sie einen entsprechenden loader zum verarbeiten dieser Datei geben Sie"

css css-loader webpack webpack-style-loader

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

Fehler: Cannot resolve Modul "Stil-loader'

7 Antworten

Ich bin mit Stil-loader mit webpack und reagieren Rahmen. Wenn ich laufen webpack im terminal ich bin immer Module not found: Error: Cannot resolve module 'style-loader' im import.js Datei obwohl ich angegeben habe das der Datei-Pfad richtig

javascript reactjs webpack webpack-style-loader

Webpack Style-Loader vs CSS-Loader

3 Antworten

Habe ich zwei Fragen. 1) CSS Loader und Style Loader sind zwei webpack Lader. Ich konnte nicht begreifen, den Unterschied zwischen den beiden. Warum muss ich zwei Lader, wenn Sie beide das selbe tun? 2) Was ist

webpack webpack-style-loader

webpack loaders und include

3 Antworten

Ich bin neu webpack und ich versuche zu verstehen, Lader sowie deren Eigenschaften wie zum Beispiel test, loader, etc gehören. Hier ist ein Beispiel-snippet webpack.config.js dass ich im google gefunden. module: { loaders: [ { test: /\.js$/,

ecmascript-6 javascript webpack webpack-style-loader

Webpack "OTS parsing error" lädt Schriften

8 Antworten

Mein webpack config gibt an, dass die Schriften, die geladen werden soll mit url-loaderund wenn ich versuche, um die Seite mit Chrome bekomme ich folgende Fehlermeldung: OTS parsing error: invalid version tag Failed to decode downloaded font:

css fonts webpack webpack-style-loader

webpack css-loader findet keine Bilder in der url () - Referenz in einem externen Stylesheet

2 Antworten

Ich bin neu in der ganze Node/NPM/Webpack Welt, also entschuldigt, wenn dies offensichtlich ist. Ich bin versucht, zu erstellen eine einfache front-end-Projekt gebündelt mit Webpack. Ich habe Knoten installiert ist, und haben ein Paket.json-Datei konfiguriert. Wenn ich

node.js webpack webpack-style-loader

kann keine PNG-Dateien mit Webpack, unerwartetes Zeichen laden

3 Antworten

Ich versuche zu konfigurieren mein webpack, und jetzt kann ich Sie nicht laden der css-Dateien. ich halte meine styles in src > styles > main.css Ich bin immer Fehler wie ERROR in ./src/images/NavIcon03.png Module build failed: SyntaxError:

reactjs webpack webpack-style-loader