С
Size: a a a
2020 September 11
A
Зависит от того как ты используешь css
A
Дальше уже игры в микроптимизации с тестированием результатов и поиском золотой серединки на среднем устройстве со средним интернетом
Благодарствую, вроде все понял
С
Зависит от того как ты используешь css
css в js не импортируется. У него отдельная точка входа, и он отдельно выгружается в папку
A
css в js не импортируется. У него отдельная точка входа, и он отдельно выгружается в папку
Import style from “Style.sass” не импорт разве?
С
Aleksandr
Import style from “Style.sass” не импорт разве?
Такого нет, я вот так делаю:
entry: ['./src/static/typescript/main.ts', './src/static/styles/styles.scss'],A
Такого нет, я вот так делаю:
entry: ['./src/static/typescript/main.ts', './src/static/styles/styles.scss'],Энто в в вебпаке, я про жс
S
Aleksandr
Энто в в вебпаке, я про жс
энты?
A
Это*
С
Aleksandr
Энто в в вебпаке, я про жс
А не, в js нет такого. У меня не SPA, обычная верстка, просто верстка мультистрачиного приложения. Интересно webpack заставлять комплиить css это норма или все таки правильнее gulp заставить))
A
А не, в js нет такого. У меня не SPA, обычная верстка, просто верстка мультистрачиного приложения. Интересно webpack заставлять комплиить css это норма или все таки правильнее gulp заставить))
а почему не нормальная, cssмодуля плюс минксс и погнал
С
Aleksandr
а почему не нормальная, cssмодуля плюс минксс и погнал
А с ними можно на выходе получать обычные html страницы + css + js? Я просто верстаю и отдаю на back. Там уже html натягивают куда хотят
A
А с ними можно на выходе получать обычные html страницы + css + js? Я просто верстаю и отдаю на back. Там уже html натягивают куда хотят
угу, в билд папке все будет лежать, htmlwebpackplugin все это формирует в html
С
Aleksandr
угу, в билд папке все будет лежать, htmlwebpackplugin все это формирует в html
Понял, спасибо!) Изучу по подробнее тогда 😊
ЕС
Добрый день
Есть код прогоняемый через webpack
Но получаю ошибку:
Есть код прогоняемый через webpack
import React from 'react'
import {Toolbar} from 'primereact/toolbar'
import {Button} from "primereact/button";
import {Calendar} from "primereact/calendar";
function AppToolbar() {
const curDate = new Date();
const d = curDate.toISOString().slice(0,10);
const ru = {
firstDayOfWeek: 1,
dayNames: ["понедельник", "вторник", "среда", "четверг", "пятница", "суббота", "Воскресенье"],
dayNamesShort: ["Пн", "Вт", "Ср", "Чт", "Пт", "Сб", "Вс"],
dayNamesMin: ["П", "В", "С", "Ч", "П", "С", "В"],
monthNames: ["январь", "февраль", "март", "апрель", "май", "июнь", "июль", "август", "сентябрь", "октюбрь", "ноябрь", "декабрь"],
monthNamesShort: ["янв", "фев", "мар", "апр", "май", "ин", "ил", "авг", "сен", "окт", "ноя", "дек"],
today: "Сегодня",
clear: "Очистить"
};
const leftContents = (
<>
<Button label="New" icon="pi pi-plus" className="p-mr-2" />
<Button label="Upload" icon="pi pi-upload" className="p-button-success" />
</>
);
const rightContents = (
<>
<Calendar locale={ru} dateFormat={'dd.mm.yy'} maxDate={d} showIcon ></Calendar>
</>
);
return(
<Toolbar left={leftContents} right={rightContents} />
)
}
export default AppToolbar;
Но получаю ошибку:
* core-js/modules/es.array.slice in ./assets/js/AppToolbar.js
* core-js/modules/es.date.to-iso-string in ./assets/js/AppToolbar.js
* core-js/modules/es.date.to-string in ./assets/js/AppToolbar.js
RU
Добрый день
Есть код прогоняемый через webpack
Но получаю ошибку:
Есть код прогоняемый через webpack
import React from 'react'
import {Toolbar} from 'primereact/toolbar'
import {Button} from "primereact/button";
import {Calendar} from "primereact/calendar";
function AppToolbar() {
const curDate = new Date();
const d = curDate.toISOString().slice(0,10);
const ru = {
firstDayOfWeek: 1,
dayNames: ["понедельник", "вторник", "среда", "четверг", "пятница", "суббота", "Воскресенье"],
dayNamesShort: ["Пн", "Вт", "Ср", "Чт", "Пт", "Сб", "Вс"],
dayNamesMin: ["П", "В", "С", "Ч", "П", "С", "В"],
monthNames: ["январь", "февраль", "март", "апрель", "май", "июнь", "июль", "август", "сентябрь", "октюбрь", "ноябрь", "декабрь"],
monthNamesShort: ["янв", "фев", "мар", "апр", "май", "ин", "ил", "авг", "сен", "окт", "ноя", "дек"],
today: "Сегодня",
clear: "Очистить"
};
const leftContents = (
<>
<Button label="New" icon="pi pi-plus" className="p-mr-2" />
<Button label="Upload" icon="pi pi-upload" className="p-button-success" />
</>
);
const rightContents = (
<>
<Calendar locale={ru} dateFormat={'dd.mm.yy'} maxDate={d} showIcon ></Calendar>
</>
);
return(
<Toolbar left={leftContents} right={rightContents} />
)
}
export default AppToolbar;
Но получаю ошибку:
* core-js/modules/es.array.slice in ./assets/js/AppToolbar.js
* core-js/modules/es.date.to-iso-string in ./assets/js/AppToolbar.js
* core-js/modules/es.date.to-string in ./assets/js/AppToolbar.js
ошибку-то ты и не пишешь
ЕС
ошибку-то ты и не пишешь
Running webpack ...
ERROR Failed to compile with 3 errors 11:40:18
These dependencies were not found:
* core-js/modules/es.array.slice in ./assets/js/AppToolbar.js
* core-js/modules/es.date.to-iso-string in ./assets/js/AppToolbar.js
* core-js/modules/es.date.to-string in ./assets/js/AppToolbar.js
RU
These dependencies were not found:у тебя проблемы с пакетом core-js. во время сборки один, в рантайме другой
RU
yarn why core-jsзапусти
RU
и babel конфиг покажи