Вопросы по теме 'css-loader'

Webpack extract-text-webpack-plugin и минификация css-loader
У меня проблема с минимизацией вывода файла css с помощью плагина extract-text-webpack-plugin /* webpack.config.js */ ... loader: [{test: /\.css$/, loader: ExtractTextPlugin.extract('css?minimize')}] ... plugins: [new...
9821 просмотров
schedule 11.06.2022

Исходная карта CSS с использованием плагина Extract Text Plugin/CSS-loader Webpack
Я пытаюсь создать исходную карту css из webpack. Однако в настоящее время созданный файл css.map практически пуст. {"version":3,"sources":[],"names":[],"mappings":"","file":"si-styles.css","sourceRoot":""} Я понимаю, что мне нужно добавить...
2359 просмотров
schedule 13.09.2023

React - использование classNames с импортированным CSS
Я использую реакцию и нашел эту замечательную библиотеку, которая помогает вам определять классы css для компонентов, называемых classNames. Я также использую css-loader webpack, чтобы импортировать css в свой компонент, и при попытке использовать...
13339 просмотров
schedule 20.09.2022

Как использовать jQuery для выбора имени класса, преобразованного css-загрузчиком?
Я использую веб-пакет с css-загрузчиком. Все работает нормально, за исключением того, что я не знаю, как использовать jQuery для выбора преобразованного класса css-loader. Преобразованное имя класса выглядит примерно так:...
103 просмотров
schedule 22.12.2022

Ошибка с webpack с использованием css-loader и text-extract-webpack-plugin
Я использую [email protected] и [email protected] , и у меня есть следующая конфигурация веб-пакета: var path = require('path'); var ExtractTextPlugin = require("extract-text-webpack-plugin"); module.exports = {...
629 просмотров
schedule 26.10.2022

не может найти модуль css-loader при выполнении ng build -prod с [email protected]
У меня есть следующая конфигурация package.json "dependencies": { "@angular/common": "2.2.1", "@angular/compiler": "2.2.1", "@angular/core": "2.2.1", "@angular/forms": "2.2.1", "@angular/http": "2.2.1", "@angular/platform-browser": "2.2.1",...
2395 просмотров
schedule 19.09.2022

css-loader не работает с модулями и анимацией ключевых кадров
Я пытаюсь использовать анимацию ключевых кадров в приложении для реагирования, которое использует css-модули и систему сборки веб-пакетов. Простейший пример, воспроизводящий проблему: .confirmRemove { animation: 150ms appear ease-in; }...
2423 просмотров

Недопустимое значение свойства в стиле css с использованием импортированного файла css в реакции
Я пытаюсь стилизовать компонент React. Для этого я импортирую файл css и использую className , например, как указано в документации ReactJs. Я добавил css-loader + style-loader в свой файл webpack.config.js, как описано ниже: const path =...
4059 просмотров

Почему загрузчик CSS веб-пакета не работает?
Делаю игрушечный пример, описанный в документации css-loader: https://github.com/webpack-contrib/css-loader Я также попробовал это базовое руководство, которое предлагает то же самое: https://css-tricks.com/css-modules-part-2-getting-started/...
1667 просмотров
schedule 08.10.2022

Страницы Next.js, использующие модуль Link, не загружают файлы с импортом CSS
Я добавляю next.js (7.0.2) в существующий проект и не могу понять, почему модуль Link не загружает страницы с import 'style.css' . Я выполнил инструкции @ zeit / next-css а также Next.js / Экспресс интеграция. Я установил следующие пакеты...
5246 просмотров
schedule 19.11.2022

webpack продолжает показывать ошибку в css-загрузчике, говорящую о том, что сборка не удалась
Все, что я делаю, это просто загружаю простой файл css в файл html, вот и все, однако я понятия не имею, в чем ошибка. Вот мой файл webpack.config.js const path = require('path'); const config = { entry: "./index.js", output: { path:...
29 просмотров

Webpack css-loader не разрешает псевдонимы
В настоящее время занимаюсь обслуживанием проекта, на котором работал React v15. Обновлен Webpack 3 > 4, Babel 6 > 7, css-loader 0.28.x > 3.0.0 и т. д. Изначально обновил React и использовал весь react-codemod + jscodeshift для трансформации js...
3085 просмотров
schedule 13.07.2022

Модули css ссылаются на имя ключевого кадра внутри jsx
Я использую модули css с css-loader и столкнулся с проблемой. У меня есть компонент LoadingOverlay , который показывает загрузчик продолжительностью мс. Я применяю анимацию затухания к оверлею со следующим кодом внутри компонента: if (show)...
368 просмотров

css-loader кодирует кавычки внутри сгенерированного url ()
Моя конфигурация следующая: // webpack.config. { test: /\.pug$/, exclude: /node_modules/, use: "pug-loader" }, { test: /\.scss$/, exclude: /node_modules|_.+.scss/, use: [ { loader: "css-loader",...
293 просмотров
schedule 09.06.2022

Заставить загрузчик CSS выводить модули ES?
Насколько мне известно, загрузчик CSS выводит CommonJS, который не работает с некоторыми функциями оптимизации Webpack. Есть ли способ заставить загрузчик CSS выводить модули ES ( import / export )? Редактировать: Вот что происходит с модулями...
361 просмотров
schedule 18.01.2023

Не удается разрешить 'css-loader' - ошибка начала работы Webpack
Точно следуя руководству по началу работы на сайте веб-пакета, я столкнулся с этой ошибкой при сборке: ОШИБКА в ./src/index.js Модуль не найден: Ошибка: не удается разрешить 'css-loader' в 'C: \ Users \ Dominik \ Desktop \ tutorial' @...
302 просмотров
schedule 02.03.2023

Используйте [hash: base64: 5] в файле JavaScript / TypeScript.
Я использую модули CSS в проекте Angular с Webpack. Я уже преобразовал имена классов в .css и .scss файлах с помощью postcss-модулей . Затем с помощью posthtml-css-modules я изменил значения свойства класса в элементах html. для его...
560 просмотров

Есть ли способ ограничить длину имени класса с помощью NPM CSS Loader/Style Loader в реакции?
Я настроил в своем загрузчике CSS React webpack и загрузчике стилей запутывание имен классов при загрузке модуля CSS. Хотя сгенерированное запутанное className кажется слишком длинным, я хотел бы знать, есть ли параметр или что-то, что я могу...
174 просмотров

Spinner CSS с закругленными углами
Пытаюсь разработать спиннер с тремя кольцами. Я хочу, чтобы края были гладкими. может кто-нибудь помочь? Посмотрите, что: .loader { animation: spin 4s infinite linear; border: solid 2vmin transparent;...
351 просмотров
schedule 03.12.2022

Проблема с загрузкой файлов CSS в Webpack
Вот уже второй день пытаюсь понять, что я мог сделать не так. До сих пор я следовал различным руководствам, читал документацию по Webpack, пытался переустановить style-loader и css-loader и даже начал установку на другом компьютере. Не повезло!...
333 просмотров