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

Загрузчик Webpack CSS не будет анализировать комментарии
Я использую стартовый набор для реагирования и пытаюсь импортировать файлы SCSS из бутстрапа (установленного через NPM), и он жалуется на комментарии: ERROR in...
2239 просмотров
schedule 25.05.2023

Как использовать глобальную таблицу стилей с загрузчиком css
Я пытаюсь выяснить, как импортировать/требовать глобальный css, который включает стили для тегов, таких как тело и так далее. Я использую css-loader + style-loader с плагином для извлечения текста. Я заметил селектор :global, но не знал, куда именно...
941 просмотров
schedule 04.06.2022

Модуль Webpack bootstrap.css npm не обрабатывается с помощью ExtractTextLoader + css_loader
Я учусь использовать узел в качестве инструмента сборки внешнего интерфейса и изо всех сил пытаюсь включить загрузку в файл пакета css для включения на веб-страницу. У меня есть загрузчик для LESS и загрузчик для CSS, а также загрузчики для...
1391 просмотров

импортировать файл css из node_modules
У нас есть частный репозиторий npm, где у нас есть файл css как часть папки lib. При попытке потребовать этот файл css с помощью require('<module_name>/lib/abc.css') и используя webpack для загрузки, я получаю ошибку ниже:...
550 просмотров
schedule 30.11.2022

webpack css-loader: не удается загрузить файл png, указанный как url ​​(«путь») внутри файла css
Я делаю свои первые шаги в использовании веб-пакета... пока не очень успешно. В моем файле .css есть фоновое изображение, определенное с помощью URL-адреса: background-image: url("patterns/header-profile.png"); Приложение эффектно вылетает...
2403 просмотров
schedule 11.06.2022

Как использовать @ font-face с css-загрузчиком webpack?
Я пытаюсь импортировать шрифт (например, Roboto) в свой проект с помощью webpack, но ни один из них не работает. Моя файловая структура выглядит так: +-src---fonts-+-Roboto---Roboto.ttf | | | +-fonts.css |...
2361 просмотров
schedule 23.05.2022

Плагин для извлечения текста Webpack 2 с параметрами
Я пытаюсь передать параметры загрузчику css с новой конфигурацией Webpack 2: { test: /\.css$/, use: ExtractTextPlugin.extract({ loader: 'css-loader', options: { minimize: { discardComments: { removeAll: true,...
552 просмотров

Отключение проверки url () в css-loader
У меня есть проект React с Leaflet 1.0.3 в нем. При сборке с помощью Webpack, который использует css-loader, я получаю: ERROR in ./~/css-loader!./~/leaflet/dist/leaflet.css Module not found: Error: Can't resolve './images/layers.png' in...
1796 просмотров
schedule 20.05.2023

Webpack - сборка css не применяется
Я новичок в ReactJS. Я пытаюсь использовать scss в реакции, используя sass-loaders Моя конфигурация веб-пакета выглядит так: var webpack = require('webpack'); var path = require('path'); var APP_DIR = path.resolve(__dirname +...
3282 просмотров

Webpack загружает CSS в отдельные теги ‹style›
В настоящее время я использую приведенную ниже конфигурацию Webpack для импорта и анализа импорта SCSS, который я делаю в своих компонентах React. Суть моей проблемы связана с частью конфигурации CSS. В настоящее время я импортирую файлы SCSS,...
5122 просмотров

Неправильный порядок правил CSS, скомпилированный с помощью webpack
У меня проблема с порядком css, который компилируется с помощью webpack. В настоящее время я использую эти пакеты в зависимостях: "css-loader": "^ 0.28.4", "style-loader": "^ 0.18.2", "sass-loader": "^ 6.0.6", "sass-resources-loader": "^...
1366 просмотров
schedule 05.09.2022

webpack не создает файл css
Внедрение учебника по управлению активами webpack . Но webpack не создает файл css в выходном пути webpack.config.js const config = { entry: './src/index.js', output: { filename: 'bundle.js', path: __dirname + '/build' },...
7644 просмотров

Импорт вложенных файлов Webpack, sass-loader (или css-loader) внутри node_modules. Файл не найден
Я хочу использовать фреймворк Primercss как sass. Я использую webpack для создания своего приложения. Я скачал пакет npm и импортировал его, используя: @import "~primer-css/index.scss"; . Проблема в том, что сборка завершается с ошибкой: File to...
2617 просмотров
schedule 04.06.2022

Как я могу импортировать импортированные файлы с помощью postcss-import и Webpack 2?
Могу ли я использовать postcss-import для импорта Bootstrap? Вот часть конфигурации моего веб-пакета: { test: /\.css$/, loaders: [ { loader: 'style-loader', }, { loader: 'css-loader', options: {...
842 просмотров

длина хэша имени localIdent для веб-пакета css-loader
Я использую webpack и css-loader , а в моей конфигурации css-loader я использую следующие параметры: options: { importLoaders: 1, modules: true, localIdentName: '[hash:base64:3]' } Как вы видите, очевидно, что я хочу, чтобы...
776 просмотров
schedule 17.06.2023

Webpack могут потребоваться соответствующие загрузчики для обработки файла. Загрузчики не загружают CSS из импорта
Возникли проблемы с моим файлом конфигурации webpack, который не загружает CSS из моих импортированных файлов. Я рассмотрел несколько проблем, из-за которых люди обновляли в Интернете тестовое регулярное выражение для загрузчиков и добавляли...
896 просмотров

Webpack не разрешает относительные пути в импортированных файлах CSS
В настоящее время я работаю над созданием набора модулей пользовательского интерфейса, которые разработчики могут использовать для создания контента на своих сайтах (аналогично Bootstrap, Foundation и т. д.). Каждый модуль пользовательского...
873 просмотров
schedule 16.10.2022

невозможно использовать стили из локального файла css
Я создаю веб-приложение reactjs, в котором пытаюсь использовать стили из локального файла css. Исходный код приведен для ознакомления. /src/css/aboutcompany.css .center { text-align: center; color: red; } /src/О компании.js...
1231 просмотров
schedule 16.07.2023

Как применить локальные стили к импортированным компонентам React
Я пытаюсь понять, как заставить CSS успешно применяться к компонентам, которые я импортирую из библиотеки npm. Суть моей проблемы, похоже, в том, что я использую css-loader как часть стартового набора для реагирования (...
404 просмотров
schedule 31.07.2022

[email protected]: Ошибка синтаксического анализа модуля. Для работы с этим типом файлов вам может потребоваться соответствующий загрузчик - хотя и с использованием css-loader и style-loader.
Ниже мой webpack.config.js и package.json module.exports = { entry: "./entry.js", output: { filename: "./build/js/bundle.js" }, module: { rules: [ { test: /.\js$/, use: [ { loader:...
23695 просмотров