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

Тестирование компонентов React, созданных Webpack, с помощью Jest
Я столкнулся с проблемой, когда мне нужно запустить тесты Jest в приложении React, которое создается Webpack. Проблема заключается в обработке require файлов CSS, изображений и т. д., которые Webpack обычно обрабатывает с помощью загрузчика. Мне...
2858 просмотров

gulp + webpack + css-loader + typescript: не удается найти модуль
Я хочу использовать css-loader с _ 1_ в моей dev-setup. Нет ошибок: import './sidebar.css'; он компилируется без проблем, но тогда я не знаю, как получить доступ к локальным именам классов внутри моего .tsx файла. Ошибка: import...
7683 просмотров

Пример того, как загрузить статические файлы CSS из node_modules с помощью веб-пакета?
Я не знаю, как загрузить с помощью веб-пакета любой CSS из библиотек node_modules, например, я установил листовку, и каждая попытка загрузки leaflet/dist/leaflet.css терпит неудачу. Не могли бы вы привести пример загрузки статических стилей из...
19500 просмотров

Невозможно разрешить абсолютные пути url() для фоновых изображений в CSS с помощью Webpack
У меня есть следующая конфигурация Webpack (примерно, она была упрощена для этого поста): const rootPublic = path.resolve('./public'); const LOCAL_IDENT_NAME = 'localIdentName=[name]_[local]_[hash:base64:5]'; const CSS_LOADER =...
11380 просмотров

Создание серверной части (React) изоморфного веб-приложения с помощью веб-пакета, включая загрузчик стилей для CSS
Я пытаюсь сделать приложение React, которое я разрабатываю, изоморфным. Одна из известных проблем, связанных с этим , заключается в том, что загрузчики веб-пакетов позволяют import/require не- активы javascript, такие как файлы CSS. например...
777 просмотров

Ошибки Webpack Uglify в CSS
Я переживаю, пытаясь заставить Uglify работать с моим проектом, раньше я использовал Uglify и не доставлял проблем, но теперь я думаю, что это связано с SASS. ERROR in ./~/css-loader!./~/sass-loader!./app/scss/global-header.scss Module build...
1927 просмотров

изображение не отображается через webpack/scss/background-image
У меня странная проблема с веб-пакетом: фоновое изображение, хотя хорошая ссылка (наверное) не отображается Мне нужно создать простое фоновое изображение. Итак, в моем html у меня есть <div class="logo-full"></div> и мой...
148 просмотров

Почему моя конфигурация веб-пакета перестает работать, когда я пытаюсь использовать ExtractTextPlugin?
Это мой текущий webpack.production.config.js файл: const webpack = require('webpack'); const HtmlWebpackPlugin = require('html-webpack-plugin'); const ExtractTextPlugin = require('extract-text-webpack-plugin'); module.exports = { entry:...
88 просмотров

Webpack игнорирует файлы sass
Я использую webpack для проекта. Он отлично компилирует машинописный текст, однако, похоже, игнорирует файлы sass. Файлы sass хранятся в папке «./build/sass» каталога проекта. При запуске webpack вывод: Hash: dc64dbebfd6ff9cb2a38 Version:...
828 просмотров
schedule 04.06.2022

Что может делать HMR Webpack, а Browsersync - нет?
Я использую Browsersync для автоматического обновления страницы для моего HTML, изменения CSS без перезагрузки всей страницы, и это работает. Он также не выполняет страницу вверх, чтобы применить изменения и сохранить постоянное состояние элемента,...
801 просмотров

Как добавить поддержку Sass в стартовый комплект webpack-angular2?
Я использую стартовый набор webpack-angular2 ( https://github.com/AngularClass/angular2-webpack-starter ) Как я могу реализовать поддержку Sass?
270 просмотров

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

Через какие файлы работают загрузчики webpack?
Когда вы устанавливаете регулярное выражение после ключа test в объекте загрузчика, просматривает ли он все файлы в вашем проекте и загружает их с помощью назначенного вами загрузчика, даже если эти файлы не требуются файл в вашей точке входа?...
16 просмотров
schedule 20.05.2023

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

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

Загрузчик стилей Webpack и загрузчик css
Привет всем , У меня есть глупый вопрос о веб-пакете, но я действительно хочу знать ответ на него. Какие преимущества использования загрузчика css (css-loader, style-loader) через веб-пакет, если я могу вставить свой файл .css прямо в свой...
296 просмотров

[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 просмотров

Не могу импортировать файлы CSS в React Project
когда я попытался импортировать файл css, он показал ошибку, что загрузчики отсутствуют. Итак, я установил пакеты css-loader и style-loader. если я добавлю эти пакеты в webpack.config.js , я получаю следующую ошибку. я не знаю, как это решить....
5648 просмотров
schedule 07.06.2022

изображения не отображаются при открытии index.html из папки dist
Я использую webpack 4.8 с реакцией для автоматизации нескольких задач в производственной среде. В настоящее время в моей папке / dist у меня есть index.hml, bundler.css, bundler.js, но я не знаю, нужно ли мне также копировать папку с ресурсами в...
295 просмотров

Как я могу использовать загрузчик стилей в React SSR (рендеринг на стороне сервера)?
Как вы знаете, мы можем легко использовать style-loader для добавления наших стилей в наш проект реакции, но окно недоступно в рендеринге на стороне сервера, поэтому как я могу использовать style-loader (или что-то вместо этого чего в проекте SSR)?...
9043 просмотров