203 читали · 11 месяцев назад
Разделение кода (на чанки) в Webpack
Не так давно я писал зачем нужно разделять код на чанки, а теперь давайте рассмотрим некоторые нюансы настройки Webpack, связанные с этим вопросом. Для начала, создадим папку src и добавим туда три файла, index.js и два других (предположим foo.js и baz.js), динамически импортируемых в первый. Затем добавим минимальный файл конфигурации: // webpack.config.js module.exports = { entry: './src/index.js', output: { // про contenthash как нибудь в другой раз filename: '[name].[contenthash].js', }, }; Кстати, когда речь идёт о долгосрочном проекте, рекомендую всегда самим настраивать сборку, а не использовать готовые решения...
Урок 9. Верстка дизайна сайта. Часть 1.
Учимся делать веб-сайты с нуля до трудоустройства. Сегодня учимся верстать дизайн сайта. Что такое верстка? Это, по большому счету, превращение картинки дизайна или дизайна из конструктора в код. Что было на прошлом уроке? На прошлом уроке мы создали красивый дизайн нашего сайта в специальном конструкторе. Что будет на этом уроке? На этом уроке мы этот дизайн превратим в качественную верстку - превратим в качественный код. Мы сегодня также изучим новую технологию: Sass. И познакомимся с новым сервисом иконок: Fontello...