Вопросы по теме '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 просмотров
schedule
28.01.2023
Недопустимое значение свойства в стиле css с использованием импортированного файла css в реакции
Я пытаюсь стилизовать компонент React. Для этого я импортирую файл css и использую className , например, как указано в документации ReactJs.
Я добавил css-loader + style-loader в свой файл webpack.config.js, как описано ниже:
const path =...
4059 просмотров
schedule
28.03.2023
Почему загрузчик 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 просмотров
schedule
28.03.2024
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 просмотров
schedule
25.04.2022
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 просмотров
schedule
02.08.2022
Есть ли способ ограничить длину имени класса с помощью NPM CSS Loader/Style Loader в реакции?
Я настроил в своем загрузчике CSS React webpack и загрузчике стилей запутывание имен классов при загрузке модуля CSS.
Хотя сгенерированное запутанное className кажется слишком длинным, я хотел бы знать, есть ли параметр или что-то, что я могу...
174 просмотров
schedule
17.11.2022
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 просмотров
schedule
18.05.2023