Описание тега css-loader

None Модуль загрузчика css для webpack
0 ответов

Webpack с Less и Source Map - странное поведение пути

Я давно пытаюсь решить проблему с помощью Webpack, Less и Code Map - кажется, что все показывают правильную информацию для всего, кроме стилей. Проблема заключается в том, что все файлы Less отображаются с полным путем расположения проекта. Как я мо…
14 май '18 в 05:55
1 ответ

Изображения не загружаются при включении исходных карт

package.json: { "dependencies": { "css-loader": "^0.26.0", "file-loader": "^0.9.0", "html-webpack-plugin": "^2.24.1", "node-sass": "^3.13.0", "sass-loader": "^4.0.2", "style-loader": "^0.13.1", "webpack": "^1.13.3" } } webpack.config.js: var HtmlWeb…
22 ноя '16 в 22:28
1 ответ

Webpack: @import в css или scss из беседки

Используя Webpack, из моего css (или scss) файла я пытаюсь получить доступ к пакету bower для импорта css файла. С модулями NPM это, кажется, работает легко: app.scss @import "~normalize.css/normalize.css"; body { font-size: 12px; } В случае с Бауэр…
22 ноя '15 в 17:35
1 ответ

CSS Sourcemap с использованием Extract Text Plugin /CSS-загрузчик Webpack

Я пытаюсь создать исходную карту CSS из веб-пакета. Однако в настоящее время генерируемый файл css.map в основном пуст. {"version":3,"sources":[],"names":[],"mappings":"","file":"si-styles.css","sourceRoot":""} Я понимаю, что мне нужно добавить что-…
26 май '16 в 12:38
0 ответов

Как подружить localIdentName в css-загрузчике с html-файлами, используя webpack?

Я хочу использовать веб-пакет с css-загрузчиком с опцией 'localIdentName' и, конечно, использовать хэш имен классов но я не использую React или подобные библиотеки для DOM мои правила веб-пакета { test: /\.scss$/, use: [ { loader: 'style-loader' }, …
2 ответа

Модуль не найден: ошибка: не удается разрешить файл "./style.css" в каталоге?

Я пытаюсь запустить команду npm run build Но это не работает. и я получаю ошибку ниже: > typescript@1.0.0 build /Users/Prashant/Code/typescript > webpack Hash: c6dbd1eb3357da70ca81 Version: webpack 3.2.0 Time: 477ms Asset Size Chunks Chunk Nam…
22 июл '17 в 12:52
1 ответ

Разрешение относительных URL во вложенных файлах стилей с помощью postcss & scss

Я использую postcss с scss synthax для организации стилей в проекте. Упрощенная структура приведена ниже: client media images image.png styles index.scss components component1.scss Точкой входа для загрузчиков Webpack является client/styles/index.sc…
09 мар '18 в 07:35
1 ответ

Модули CSS не работают со сторонним пакетом реакции-спинки

Я пытаюсь использовать пакет act-spinkit для моего веб-приложения React.js. В этом приложении я решил использовать модули CSS. Когда я переключился на CSS-модули, я заметил, что созданный мной спиннер не рендерился. Я уверен, что это связано с тем, …
03 окт '18 в 23:06
1 ответ

css-loader, postcss-loader: сборка модуля завершилась неудачно: ошибка: не предоставлена ​​конфигурация для

Я получил новый компьютер и попытался открыть более старый проект, но я продолжаю получать эту ошибку всякий раз, когда я запускаю разработку, и я просто не понимаю, почему. Проект полностью работает на моем старом ПК. Я пытался обновить все devdepe…
10 сен '17 в 16:06
1 ответ

Webpack не создает файл CSS

Реализация учебника по управлению активами webpack. Но webpack не генерирует файл css в выходном пути webpack.config.js const config = { entry: './src/index.js', output: { filename: 'bundle.js', path: __dirname + '/build' }, module: { rules: [ { tes…
0 ответов

Импорт css из узловых модулей реагировать

Я пытаюсь импортировать файл css из node_modules. Мой конфиг веб-пакета: { // Preprocess 3rd party .css files located in node_modules test: /\.css$/, include: /node_modules/, use: [ 'style-loader', { loader: 'css-loader', options: { modules: true, }…
08 авг '18 в 09:49
0 ответов

webpack: модуль не найден: ошибка: не удается разрешить '../fonts/330575_5_0.woff'

Когда я пытаюсь собрать, я получаю эту ошибку: ERROR in ./node_modules/css-loader!./views/css/reset.css Module not found: Error: Can't resolve '../fonts/330575_6_0.eot' in '/home/phil/whattheacutfal/views/css' @ ./node_modules/css-loader!./views/css…
1 ответ

Файл-загрузчик, url-загрузчик и веб-пакет не загружают изображение

Я пытаюсь импортировать изображение в код React следующим образом (я использую babel): import borgCube from '../assets/cube.png'; <img className="img-rounded" src={borgCube}></img><p /> Что я вижу, когда проверяю сломанное изображе…
1 ответ

CSS-загрузчик Webpack-4: неизвестное слово в module.export

Я новичок в Webpack и пытаюсь реализовать его для старого сайта. Независимо от того, сколько решений я пробую, я всегда получаю ошибку "Неизвестное слово" при сборке с использованием sass / raw / css / loaders. Похоже, ошибка возникает в файле modul…
30 май '18 в 20:17
0 ответов

Импорт стилей для дальнейшего использования в коде

Я пытаюсь применить таблицу стилей CSS к моей html-странице, а также получить ее в виде строки в коде javascript (я хочу показать свои таблицы стилей пользователям). я использую css-loader а также style-loader, Вот фрагмент из файла конфигурации веб…
30 дек '17 в 10:13
1 ответ

Werid `:local` в выходном файле`CSS`

Я просто объявляю key-frames: @keyframes spinner { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } Но в CSS файл, который Webpack сделал для меня вижу: animation: 1s infinite alternate :local(spinner) Что такое :local??? Я ищу …
07 янв '18 в 06:00
1 ответ

Нужен ли css-loader, если вы используете postcss-loader с соответствующими плагинами?

Я использую postcss-import позаботиться о моем импорте, и cssnano минимизировать. В моей конфигурации Webpack я использовал следующую настройку для css-loader... { loader: 'css-loader', options: { url: false, import: false, minimize: false, importLo…
1 ответ

Добавьте загрузочный счетчик с пакетом R DataTable

Я попытался использовать пакет cssloader с пакетом DT, но получил ошибку Предупреждение: ошибка в датированных данных: "данные" должны быть двумерными (например, фрейм данных или матрица) Есть ли другой способ добавить загрузочный счетчик, который б…
02 авг '18 в 17:47
1 ответ

Неопределенные имена классов модуля css

У меня есть следующий компонент, импортированный css и webpack config - ясно, что я импортировал соответствующий модуль css, но соединение между моим выходом реакции className={css__main.container} и импортированный css-загрузчик, кажется, не был со…
21 июн '18 в 16:11
1 ответ

Как отлаживать CSS в комплекте с Webpack?

Я перешел от включения таблиц стилей в старом стиле: <link rel="stylesheet" href="./../css/main.css"> к Webpack подход: var css = require('./../css/main.css'); Это работает, но мне не нравится, что он извлекает CSS из этого файла во встроенный…