Публикации по теме 'css-loader'
Настройка ReactJs и Webpack из SCRATCH
В этой статье мы поймем, как настроить REACT с помощью WEBPACK , а не с помощью CRA .
Я предполагаю, что у нас есть базовое представление о том, что такое webpack и, конечно же, ReactJs.
Если вы спешите, вы можете сразу погрузиться в исходный код и следовать ему, коммит за коммитом.
Давай начнем! Если вы умеете писать код, это будет здорово.
Создайте каталог / папку и войдите внутрь папки. (Я буду использовать свой терминал для создания каталога)
mkdir..
Вопросы по теме 'css-loader'
Ошибка загрузки фонового изображения в веб-пакете css-loader
Я работаю над проектом Angular2 + ES2015 + Babel + Webpack, и я столкнулся с этой проблемой при включении изображений в файлы CSS и использовании css-loader , уже много часов искали проблему, но пока не повезло:
ERROR in...
2005 просмотров
schedule
17.04.2023
Реагировать-вебпак. Обновите className с помощью css-loader
Насколько я понял, к элементу можно добавить только один класс, выполнив className={styles.className} , даже если он состоит из многих. Итак, в настоящий момент код использует ternary operator для отображения различных стилей элементов в...
248 просмотров
schedule
18.11.2023
PostCSS CSSNext @media и color() не работают с webpack 2
Я обновляю проект с веб-пакета 1 до 2 и наблюдаю странное поведение с postcss-cssnext , когда некоторые функции css next, в первую очередь функции color() , и все мои запросы @media просто больше не работают.
Моя конфигурация веб-пакета с...
235 просмотров
schedule
18.06.2023
Как исключить файлы начальной загрузки, когда модули CSS включены
Я использую как модули начальной загрузки, так и модули CSS, включив опцию модулей css-loader в моем проекте, и, к сожалению, css-loader также применяет область видимости к файлам начальной загрузки.
У меня есть app.scss , куда я импортирую...
9120 просмотров
schedule
03.04.2023
Как сохранить неанглийские символы/форсировать utf-8 в загрузчиках веб-пакетов?
Запускаю webpack 2 и пытаюсь скомпилировать SASS в файл .css. Однако мои неанглийские (японские) имена шрифтов искажаются либо css-loader, либо sass-loader.
У меня уже есть @charset "UTF-8"; в начале моего файла .scss. Есть ли какая-то...
1946 просмотров
schedule
12.03.2023
Webpack выдает TypeError: супервыражение должно быть либо нулевым, либо функцией, а не неопределенной при импорте файла LESS.
У меня есть следующее в файле initialize.js :
import App from './components/App';
import './styles/application.less';
document.addEventListener('DOMContentLoaded', () => {
const app = new App();
app.start();
});
В...
1335 просмотров
schedule
07.10.2023
Реагировать: загружать CSS компонента только при рендеринге компонента
# MyComponent.js
import React from 'react'
import './MyComponentStyle.css'
export default class MyComponent extends React.Component {
....
}
# App.js
import React from 'react'
import ReactDOM from 'react-dom'
import { Route, Switch,...
2430 просмотров
schedule
28.12.2022
Использование postcss-loader после css-loader
Я использую модули CSS с css-loader webpack, а затем связываю их с помощью mini-css-extract-plugin. Вот как выглядит моя конфигурация:
{
test: /\.css$/,
use: [
MiniCssExtractPlugin.loader,
{
loader: "css-loader",...
1164 просмотров
schedule
24.04.2022
При использовании css-loader импортированный объект стиля пуст
Я пытаюсь использовать css-loader для импорта стилей из таблиц стилей для каждого компонента реакции, но импортируемый мной объект пуст. Смотрите код:
Header.js:
import React from 'react';
import classes from './Header.css';
const header = ()...
1317 просмотров
schedule
15.10.2022
неопределенные имена классов модуля css
У меня есть следующий компонент, импортированная конфигурация css и webpack - очевидно, что я импортировал соответствующий модуль css, но связь между моим выходом реакции className={css__main.container} и импортированным css-loader, похоже, не была...
5308 просмотров
schedule
18.04.2022
Webpack не создает правильные пути для изображений в производственном файле css
Чтобы добавить изображения в проект, я использую свойство css content: url() внутри файла sass и указываю относительный путь к папке src, например. content: url('/images/right-arrow.svg'); .
Проблема в том, что в производственной сборке мне нужно...
1411 просмотров
schedule
04.05.2023
Почему мой Webpack не работает для модулей CSS
Я пытаюсь использовать модули CSS для стилизации своих реагирующих компонентов. В моей сборке веб-пакета настроен sass-loader, однако стили не применяются к моим компонентам. Ниже приведен пример компонента и конфигурация моего веб-пакета. Есть ли...
120 просмотров
schedule
30.06.2022
Nuxt.js: проблема с css-loader, который удаляет цитаты из семейства шрифтов
У меня следующая проблема: я создал приложение nuxt.js vue, в котором используется шрифт Google.
Я загружаю его в голову (добавляя URL-адрес в раздел head моего nuxt.config.js) https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700...
706 просмотров
schedule
21.11.2023
Измените localIdentName CSS-загрузчика в Nextjs, чтобы скрыть имена классов от пользователей.
Как я могу отредактировать поле localIdentName в css-loader в конфигурации Webpack в Nextjs, чтобы я мог хешировать / скрывать / скрывать имена классов css?
Пример ниже взят из New York Times. Обратите внимание на названия классов:
595 просмотров
schedule
12.04.2023
Непосредственно импортированный файл CSS из узловых модулей странным образом пропадает
Я столкнулся с очень своеобразной проблемой при попытке импортировать файл CSS из модуля узла.
В моем файле App.tsx у меня есть
import './App.css'; // works
import '@foo/my-dependency/dist/foo.css'; // doesn't work
В...
29 просмотров
schedule
11.03.2023