A
import без имени всё равно привёл к омодуливанию classNames — понял по уникальному цвету, который только в том файле был.
Тогда открывай доку ксс модулей, там описаны способы как сделать импорт глобальным
Size: a a a
2019 October 15
PE
Вот это пока курю, спсб https://github.com/webpack-contrib/css-loader
A
Там тебе нужен варик типо import 'blabla.css?module=false'
PE
Написал exclude на
/\.min\.css$/iA
Или я этот приемчик в доке вебпака подсмотрел. Вобщем суть в том что можно переопределить настройки для конкретного импорта
A
Написал exclude на
/\.min\.css$/iНе прокатит, тогда тебе ещё один рул надо без модулей
PE
Так. Заработало как надо с копированием. Попробую теперь из node_modules
PE
Не прокатит, тогда тебе ещё один рул надо без модулей
Ну да, с двумя рулами
RU
Там тебе нужен варик типо import 'blabla.css?module=false'
только надо немного не так и отменить лоадеры из конфига
RU
проще отдельный конфиг на один файл сделать
A
только надо немного не так и отменить лоадеры из конфига
Да, не помню как там именно синтаксис
RU
Да, не помню как там именно синтаксис
import '!!yourLoader?youroption=yourvalue!blabla.css'A
import '!!yourLoader?youroption=yourvalue!blabla.css'Точняк
PE
Спасибо за помощь. В общем, применил вариацию вот этого рецепта https://github.com/webpack-contrib/css-loader#css-modules-and-pure-css
A
Спасибо за помощь. В общем, применил вариацию вот этого рецепта https://github.com/webpack-contrib/css-loader#css-modules-and-pure-css
Нез, рады были помочь
VG
Всем привет! Подскажите, есть ли реализация import() через loop. Пробовал вот так делать, но так не работает:
let arrComponents = [
{ selector: "selector1", path: "path1" },
{ selector: "selector2" , path: "path2" },
{ selector: "selector3" , path: "path3" },
{ selector: "selector4" , path: "path4" },
];
arrComponents.forEach(function(item){
if(document.querySelector(item.selector)) {
import(`${item.path}`).then(module => module);
}
});
Если делать отдельно импорт для каждого файла, то все собирается в отдельный бандл для каждого из файлов, указанных в свойстве: "path".
let arrComponents = [
{ selector: "selector1", path: "path1" },
{ selector: "selector2" , path: "path2" },
{ selector: "selector3" , path: "path3" },
{ selector: "selector4" , path: "path4" },
];
arrComponents.forEach(function(item){
if(document.querySelector(item.selector)) {
import(`${item.path}`).then(module => module);
}
});
Если делать отдельно импорт для каждого файла, то все собирается в отдельный бандл для каждого из файлов, указанных в свойстве: "path".
A
Всем привет! Подскажите, есть ли реализация import() через loop. Пробовал вот так делать, но так не работает:
let arrComponents = [
{ selector: "selector1", path: "path1" },
{ selector: "selector2" , path: "path2" },
{ selector: "selector3" , path: "path3" },
{ selector: "selector4" , path: "path4" },
];
arrComponents.forEach(function(item){
if(document.querySelector(item.selector)) {
import(`${item.path}`).then(module => module);
}
});
Если делать отдельно импорт для каждого файла, то все собирается в отдельный бандл для каждого из файлов, указанных в свойстве: "path".
let arrComponents = [
{ selector: "selector1", path: "path1" },
{ selector: "selector2" , path: "path2" },
{ selector: "selector3" , path: "path3" },
{ selector: "selector4" , path: "path4" },
];
arrComponents.forEach(function(item){
if(document.querySelector(item.selector)) {
import(`${item.path}`).then(module => module);
}
});
Если делать отдельно импорт для каждого файла, то все собирается в отдельный бандл для каждого из файлов, указанных в свойстве: "path".
Ну так все правильно делается. Если вы хотите один бандл делайте статически реэксопрт из одного файла который будете импортировать динамически
A
export ... from ....
🦜
Всем привет. на какой плагин можно заменить UglifyJS?
А то он не сжимает es6(
А то он не сжимает es6(
Terser