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

1 ответ

Определение пути к файлам scss

Используя sass-loader, я смог скомпилировать scss, как и ожидалось, добавив еще одну точку входа, как показано ниже. entry: ['./src/assets/scripts/main.js', './src/assets/styles/_main.scss'], Однако я подумал, что смогу определить путь к моим исходн…
26 янв '18 в 00:12
1 ответ

WebPack. СКС. повторяющийся код после @extend

Я пытаюсь понять, как создавать стили в веб-пакете, и у меня возникла проблема. Я хотел бы, чтобы классы CSS, использующие один и тот же @extend, были сгруппированы вместе, чтобы избежать дублирования кода. У меня есть файлы: common.scss: p { margin…
25 мар '18 в 17:27
1 ответ

webpack-dev-server с ExtractTextPlugin не генерирует CSS-файл scss

Я уже прочитал ТАК чертовски много уроков, билетов и т.д., и я просто не могу решить это... У меня есть проект React с webpack. И я пытаюсь использовать файлы.scss для стиля. Итак, у меня есть этот webpack.config.js: var path = require('path'); var …
1 ответ

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

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

Webpack 2 - скомпилируйте scss в css и miniffy вместе с исходными картами

Я совершенно новичок в вебпаке (использую gulp с тех пор... навсегда). Тем не менее, я просто решил использовать веб-пакет. Решил перейти с webpack 2 (2.1.0-beta.20 на данный момент). Просматривал все, все еще не мог сделать простую задачу, как "дат…
28 июл '16 в 11:48
0 ответов

Установите переменную sass в зависимости от записи в веб-пакете

Можно ли установить значение переменной sass в зависимости от записи в веб-пакете? В настоящее время у меня есть следующие точки входа в мой webpack.config.js: var config = { entry: { 'entry1': ['./app.scss'], 'entry2': ['./app.scss'], 'entry3': ['.…
14 сен '18 в 11:57
2 ответа

Webpack-dev-server комплектация React JS, но не SCSS

Приложение было создано командой "create-реагировать-приложение". Связанный (через веб-пакет) JavaScript-код работает должным образом в моем приложении React, но, похоже, он не получает никакого стиля от SASS. Там нет ошибок в консоли или в любом ме…
1 ответ

sourceMap с sass-загрузчиком и postcss-загрузчиком в Webpack

Я пытаюсь включить sourceMaps в веб-пакете, но, похоже, проблема в комбинации sass-loader и postcss-loader. При включенном как sass-loader, так и postcss-loader моя консоль показывает "нет источника": Но когда я отключаю postcss-загрузчик, sourceMap…
2 ответа

Webpack2 не понимает утверждение @import в моих файлах SASS (Как скомпилировать SASS с помощью webpack2?)

Использование Webpack 2 и sass-loader 4.11 webpack --config webpack.config.js Вот мой webpack.config.js var path = require('path'); var sass = require("./sass/lifeleveler.scss"); module.exports = { entry: './dist/main.js', output: { filename: 'life…
05 фев '17 в 23:05
0 ответов

Ошибка компиляции Webpack при последующих сборках

Мое приложение хорошо в первый раз. Но когда я меняю исходный код JavaScript или файл scss (при использовании webpack-dev-server) и зверь перекомпилируется, я получаю странную ошибку от sass-загрузчика, я думаю: ERROR in ./src/DetailView/styles.scss…
30 сен '18 в 17:54
2 ответа

Опция 'sourceMap' в Webpack Sass-loader и Css-loader вызывает сбой

Я боролся с веб-пакетом уже более суток, чтобы получить исходные карты для моего файла scss, загруженного через ExtractTextPlugin. Каждый раз, когда я получаю ошибку: TypeError: Path must be a string. Received undefined at assertPath (path.js:7:11) …
22 сен '17 в 23:23
0 ответов

Почему webpack css loader добавляет так много кода в мой пакет?

У меня есть машинописный файл с именем DropdownMenu.ts, который выглядит следующим образом import DropdownMenuItem from './DropdownMenuItem'; import { createElem } from '../timeline/utils'; import { Dispatcher } from '../timeline/utils'; import { tr…
0 ответов

Файлы Sass не собираются в Webpack Production

У меня есть global.scss файл в папке стилей, и он отлично работает, когда я в режиме разработки. Но когда я создаю свой сценарий, все мои .scss файлы не компилируются. вот мой webpack.conf.js правило const isDevMode = options.mode === 'development' …
2 ответа

css-загрузчик, sass-загрузчик не работает webpack 2

Я перехожу с веб-пакета 1 на веб-пакет 2. Я следовал руководству по миграции веб-пакета, однако при разрешении файлов CSS я получаю ошибку ниже. Я пытался в Интернете не использовать "use" на ExtractTextPlugin.extract, но это тоже не сработало. верс…
24 фев '17 в 09:59
0 ответов

Ошибка при использовании загрузчиков в AngularJS

Я работаю над проектом AngularJS и в то время как я пытаюсь использовать загрузчики и компилировать свой проект, используя npm, я получаю следующую ошибку ERROR in ./~/css-loader?{"sourceMap":true}!./~/postcss-loader/lib?{"sourceMap":true}!./~/sass-…
1 ответ

Ошибка переменной пути в веб-пакете

Я пытаюсь настроить sass с помощью моего файла конфигурации webpack, но я получаю следующую ошибку при запуске webpack: yarn run v1.5.1 $ webpack --config webpack.config.js --mode development /var/www/html/node_modules/webpack/lib/TemplatedPathPlugi…
31 мар '18 в 18:04
2 ответа

Можно ли ввести параметр NODE_ENV в файл sass, используя Webpack & sass loader?

Я пытаюсь внедрить NODE_ENV в файл sass, чтобы у меня был другой вывод для dev/prod env, и у меня была функция sass с таким условием:@if (NODE_ENV == 'prod') {} мой webpack.config выглядит так: module: { loaders: [{ test: /\.scss$/, loader: "style-l…
0 ответов

Как передать переменную в файл scss в веб-пакете

Я хотел бы определить глобальную переменную или env на webpack.config.js и передать переменную в файл.js или.scss У меня есть определение "__basedir" является абсолютным путем new webpack.DefinePlugin({ __basedir: "'" + __dirname + "'", }), { loader…
31 авг '17 в 19:38
0 ответов

Модуль не найден: ошибка: не удается разрешить загрузчик стилей

ошибка Я получил следующую ошибку при запуске команды node index.js в каталоге b. ERROR in ../a/src/index.js Module not found: Error: Can't resolve 'style-loader' in 'C:\Users\qwer\Desktop\work\test\b' @ ../a/src/index.js 3:0-21 Child html-webpack-p…
01 дек '17 в 15:28
2 ответа

Загрузка конкретного компонента из MDL с помощью веб-пакета

Я хочу просто использовать компоновочный компонент MDL в моем проекте. Итак, по моему app.css файл, я импортирую это: @import url('~material-design-lite/src/layout/_layout.scss'); и в процессе сборки я получаю следующую ошибку: ERROR in ./~/css-load…