Описание тега webpack-style-loader

Вопросы с тегом
1 ответ

Улучшение отладки CSS в WebPack

Я недавно перешел на WebPack (v3) из системы сборки на основе Gulp, и по большей части это довольно хорошо. Я, однако, изо всех сил стараюсь, чтобы опыт разработки CSS соответствовал тому, что у меня было ранее. Я пишу свой CSS с помощью SASS, а зат…
16 апр '18 в 15:57
1 ответ

Webpack style-loader и css-loader

Привет всем, у меня есть глупый вопрос о веб-пакете, но я действительно хочу знать ответ на него Какие преимущества использования css loader (css-loader, style-loader) через веб-пакет, если я могу вставить свой .css файл прямо в моем index.html напр…
07 окт '17 в 20:39
0 ответов

Где находятся файлы, испускаемые загрузчиком файлов, в выходном пакете?

У меня есть простое веб-приложение типа Hello World. Он просто отображает текст "Привет, мир!" с фоновым изображением. Приложение работает, как и ожидалось, но я хотел бы лучше понять, как изображение упаковано и подается. Когда я бегу webpack-dev-s…
17 окт '16 в 16:18
1 ответ

Интегрировать vs код с webpack-dev-сервером

Сейчас я начинаю обслуживать приложение, используя webpack-dev-server, Теперь, если я сделаю любое изменение кода в VS Code что вызывает сбой сборки webpack-dev-server будет перезапущен и сообщит об ошибке, но я не вижу тех, кто в VS Code. Я могу ис…
21 дек '16 в 12:54
1 ответ

Webpack не создает файл CSS

Реализация учебника по управлению активами webpack. Но webpack не генерирует файл css в выходном пути webpack.config.js const config = { entry: './src/index.js', output: { filename: 'bundle.js', path: __dirname + '/build' }, module: { rules: [ { tes…
20 авг '17 в 14:07
0 ответов

webpack: модуль не найден: ошибка: не удается разрешить '../fonts/330575_5_0.woff'

Когда я пытаюсь собрать, я получаю эту ошибку: ERROR in ./node_modules/css-loader!./views/css/reset.css Module not found: Error: Can't resolve '../fonts/330575_6_0.eot' in '/home/phil/whattheacutfal/views/css' @ ./node_modules/css-loader!./views/css…
10 окт '17 в 15:46
1 ответ

Ошибка 'npm run build' (извлеченный проект имеет загрузчик SCSS)

Мой проект React (созданный с помощью create-реагировать-приложение) был удален до того, как я начал проект. Я включил загрузчик SCSS в файл webpack. Теперь, когда я пытаюсь запустить 'npm run build', появляется следующая ошибка: Invalid CSS after "…
16 июн '18 в 19:02
1 ответ

Невозможно импортировать стили, используя css-модули, веб-пакет и реагировать

Я разрабатываю свое приложение реакции. Я использую css-модули с веб-пакетом. Вот мой конфиг: { test: /\.css$/, loaders: ["style", "css?modules"] }, Я разработал свой компонент, сделал кофе, и теперь он не работает. Итак, у меня есть таблица стилей,…
14 янв '16 в 19:42
0 ответов

Как добавить CSS файлы в index.html с помощью веб-пакета

Я новичок в Webpack и хочу добавить все CSS-файлы в комплекте и добавлены в файл index.html в dist. мой файл webpack.config.js var path = require('path'); var ExtractTextPlugin = require('extract-text-webpack-plugin'); var webpack = require('webpack…
07 июн '17 в 10:37
1 ответ

Файл-загрузчик, url-загрузчик и веб-пакет не загружают изображение

Я пытаюсь импортировать изображение в код React следующим образом (я использую babel): import borgCube from '../assets/cube.png'; <img className="img-rounded" src={borgCube}></img><p /> Что я вижу, когда проверяю сломанное изображе…
30 ноя '16 в 22:56
0 ответов

Webpack + React + Загрузка CSS внешних модулей

Эксперты по Webpack/CSS! мой NodeJS/React Приложение имеет следующую структуру, где я использую Webpack 3.8.1 упаковать и связать файлы. -app |--actions |--constants |--components |--containers |--css |--reducers |--store -common -server -webpack |-…
27 ноя '17 в 22:10
1 ответ

Как сказать вэбпаку использовать плагин или загрузчик только для конкретного файла?

Я хочу заставить веб-пакет включить определенный плагин или загрузчик для определенного файла / папки, умножить файлы. Есть ли способ?
18 фев '17 в 08:27
0 ответов

Как удалить элемент <head></ head> в загрузчике стилей Webpack 2?

Вот сгенерированный HTML с помощью веб-пакета, и я хотел удалить элемент head &lt;head&gt;&lt;link href="css/common.min.css" rel="stylesheet"&gt;&lt;/head&gt; И я нашел эту ссылку для ориентации выходного файла CSS и для вставки в другое место https…
25 апр '17 в 06:31
1 ответ

Почему я не использую мою конфигурацию webpack в Windows?

Мой конфиг веб-пакета может работать в MacOS, но в Windows он показывает ошибку. webpack.config.js var path = require("path"); var webpack = require("webpack"); var FileSystem = require("fs"); var argv = require('yargs').argv; var ExtractTextPlugin …
30 авг '16 в 10:10
1 ответ

Как отлаживать CSS в комплекте с Webpack?

Я перешел от включения таблиц стилей в старом стиле: &lt;link rel="stylesheet" href="./../css/main.css"&gt; к Webpack подход: var css = require('./../css/main.css'); Это работает, но мне не нравится, что он извлекает CSS из этого файла во встроенный…
18 ноя '16 в 10:46
1 ответ

Изолировать стили в разных макетах (webpack, реагировать)

У меня есть два макета (LayoutWithShortHeader, TestLayout) и такие маршруты: export default ( &lt;Router history={createBrowserHistory()}&gt; &lt;Route path="/" component={ LayoutWithShortHeader }&gt; &lt;IndexRoute component={ Index }/&gt; &lt;/Rou…
20 янв '16 в 16:19
2 ответа

webpack css-loader не находит изображения в ссылке url() во внешней таблице стилей

Я новичок во всем мире Node/NPM/Webpack, поэтому извиняюсь, если это очевидно. Я пытаюсь создать простой интерфейсный проект в комплекте с Webpack. У меня установлен узел и настроен файл package.json. Если я запускаю "npm start" в своем корневом кат…
21 июл '15 в 20:44
1 ответ

Миграция WebPack от 1 до 2, ошибка

Ниже приведен мой js-файл webpack (измененный во многих местах в соответствии с v2), я получаю ошибки при попытке создать приложение. var path = require('path'); const webpack = require('webpack'); const helpers = require('./helpers'); var CommonsCh…
24 июл '17 в 12:00
0 ответов

Ошибка при использовании загрузчиков в AngularJS

Я работаю над проектом AngularJS и в то время как я пытаюсь использовать загрузчики и компилировать свой проект, используя npm, я получаю следующую ошибку ERROR in ./~/css-loader?{"sourceMap":true}!./~/postcss-loader/lib?{"sourceMap":true}!./~/sass-…
05 сен '17 в 03:21
1 ответ

Как использовать Webpack для Bootstrap?

Я использую веб-пакет для объединения некоторых файлов Boostrap и других CSS-файлов в один. Ниже приведен файл webpack.config.js var htmlWebPack = require('html-webpack-plugin'); var ExtractTextPlugin = require("extract-text-webpack-plugin"); module…
21 мар '17 в 09:10