YE
Как заставить webpack запихать в билд файл что не подключен в проекте? Нужно для локализации через json с раздачей через nginx
Size: a a a
2021 July 02
IL
copy-webpack-plugin?
YE
А способа настойки через rules нет?
IL
можно в где-нибудь типа в index.js написать import 'yourFile' и file-loader
YE
Это понятно...
IL
если файл нигде не подключен, то лоадеры не будут для него вызваться и их использовать нельзя
IL
вроде логичненько 🙂
IL
у меня такой же кейс и copy, если что
YE
Это понятно. Но мало-ли, может есть какой-то рул типа strict для принудительной компиляции
YE
Ладно, сделаю через копи плагин
IL
import CopyWebpackPlugin CopyWebpackPlugin from 'copy-webpack-plugin';
import { rootDir rootDir } from '../utils/env';
import { join } from 'path';
const config = {
patterns: [
{
from: join(rootDirrootDir, 'src/public/i18n/*.json').replace(/\\/g, '/'),
to: 'i18n/[name][ext]',
},
],
};
export const copyWebpackPlugin copyWebpackPlugin = new CopyWebpackPluginCopyWebpackPlugin(config);ES
что бы закрыть модалку по нажатию клавиши Esc событие нужно вешать на документ весь или можно на модалку куда то? что нетак делаю?
const modalClose = e => {
if (e.key === "Esc") {
setActive(false)
}
}ES
<div className={Active ? "modal active" : "modal"} onClick={() => setActive(false)}
onKeyPress={modalClose}>YE
У меня проще как-то как по мне)
IL
Главное чтобы работало :)
YE
Вот тут я могу спорить вечно... Не раз сталкивался с ситуаций когда функционал был сделан "что бы сейчас работало", потом переписывалось в 5 раз дольше
EA
Попробуйте.
const addElem = (id, nameOne, nameTwo) => {
const addMenu = document.querySelectorAll(nameOne)
const plusBtn = document.querySelectorAll(nameTwo)
for (let i = 0; i < addMenu.length; i++) {
if (addMenu[i].classList.contains(styles.open) && addMenu[i] !== addMenu[id]) {
addMenu[i].classList.remove(styles.open)
plusBtn[i].classList.remove(styles.minusBtn)
}
}
addMenu[id].classList.toggle(styles.open)
plusBtn[id].classList.toggle(styles.minusBtn)
}
addElem поместить в Plus, в его параметры добавить те два имени.
export default function Plus({ id, className, nameOne, nameTwo }) {
const addMenu = document.querySelectorAll(nameOne)
const plusBtn = document.querySelectorAll(nameTwo)
for (let i = 0; i < addMenu.length; i++) {
if (addMenu[i].classList.contains(styles.open) && addMenu[i] !== addMenu[id]) {
addMenu[i].classList.remove(styles.open)
plusBtn[i].classList.remove(styles.minusBtn)
}
}
addMenu[id].classList.toggle(styles.open)
plusBtn[id].classList.toggle(styles.minusBtn)
return (
<span className={
)
}
const addElem = (id, nameOne, nameTwo) => {
const addMenu = document.querySelectorAll(nameOne)
const plusBtn = document.querySelectorAll(nameTwo)
for (let i = 0; i < addMenu.length; i++) {
if (addMenu[i].classList.contains(styles.open) && addMenu[i] !== addMenu[id]) {
addMenu[i].classList.remove(styles.open)
plusBtn[i].classList.remove(styles.minusBtn)
}
}
addMenu[id].classList.toggle(styles.open)
plusBtn[id].classList.toggle(styles.minusBtn)
}
addElem поместить в Plus, в его параметры добавить те два имени.
export default function Plus({ id, className, nameOne, nameTwo }) {
const addMenu = document.querySelectorAll(nameOne)
const plusBtn = document.querySelectorAll(nameTwo)
for (let i = 0; i < addMenu.length; i++) {
if (addMenu[i].classList.contains(styles.open) && addMenu[i] !== addMenu[id]) {
addMenu[i].classList.remove(styles.open)
plusBtn[i].classList.remove(styles.minusBtn)
}
}
addMenu[id].classList.toggle(styles.open)
plusBtn[id].classList.toggle(styles.minusBtn)
return (
<span className={
${className}} onClick={() => Plus(id, nameOne, nameTwo)} />)
}
YE
Раз уж зашла тема за i18n. Не знаешь почему так происходит с плагином i18next-http-backend? Он пытается подгрузить свой дефолтный путь, + оверрайд с настроек
