Skip to content

A
Avalon
Commit 27ad58f8 authored by Sergey's avatar Sergey
Browse files
Options

Start Avalon

parents
Show whitespace changes
Inline Side-by-side
Showing with 795 additions and 0 deletions
.eslintrc 0 → 100644
View file @ 27ad58f8
//{
// "parser": "babel-eslint",
// "rules": {
// "no-unused-vars": "warn"
// },
// "env": {
// "es6": true,
// "browser": true
// },
// "extends": [
// "eslint: recommended"
// ]
//}
\ No newline at end of file
.gitignore 0 → 100644
View file @ 27ad58f8
# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
# dependencies
/node_modules
/.pnp
.pnp.js
# testing
/coverage
# production
/dist
# misc
.DS_Store
.env.local
.env.development.local
.env.test.local
.env.production.local
npm-debug.log*
yarn-debug.log*
yarn-error.log*
package-lock.json 0 → 100644
View file @ 27ad58f8
This source diff could not be displayed because it is too large. You can view the blob instead.
package.json 0 → 100644
View file @ 27ad58f8
{
"name": "webpack-bundle-layout",
"version": "1.0.0",
"description": "",
"private": true,
"scripts": {
"build": "webpack --mode production",
"dev": "webpack-dev-server --mode development --open",
"stats": "webpack --json > stats.json && webpack-bundle-analyzer stats.json"
},
"browserslist": [
"> 1%",
"last 3 version"
],
"author": "Sergey",
"license": "ISC",
"devDependencies": {
"@babel/cli": "^7.8.3",
"@babel/core": "^7.8.3",
"@babel/preset-env": "^7.8.3",
"autoprefixer": "^9.7.4",
"babel-eslint": "^10.0.3",
"babel-loader": "^8.0.6",
"clean-webpack-plugin": "^3.0.0",
"copy-webpack-plugin": "^5.1.1",
"css-loader": "^3.4.2",
"css-mqpacker": "^7.0.0",
"cssnano": "^4.1.10",
"eslint": "^6.8.0",
"eslint-loader": "^3.0.3",
"file-loader": "^5.0.2",
"html-webpack-plugin": "^3.2.0",
"mini-css-extract-plugin": "^0.9.0",
"node-sass": "^4.13.1",
"postcss-loader": "^3.0.0",
"sass-loader": "^8.0.2",
"webpack": "^4.41.5",
"webpack-cli": "^3.3.10",
"webpack-dev-server": "^3.10.1"
},
"dependencies": {
"@babel/polyfill": "^7.8.3",
"bootstrap": "^4.4.1",
"fetch-polyfill": "^0.8.2",
"gsap": "^3.1.1",
"jquery": "^3.4.1",
"normalize.css": "^8.0.1",
"owl.carousel": "^2.3.4",
"webpack-bundle-analyzer": "^3.6.0"
}
}
postcss.config.js 0 → 100644
View file @ 27ad58f8
module.exports = {
plugins: [
require('autoprefixer'),
require('css-mqpacker'),
require('cssnano')({
preset: [
'default',
{
discardComments: {
removeAll: true
}
}
]
})
]
}
\ No newline at end of file
src/img/arrow_down.svg 0 → 100644
View file @ 27ad58f8
<svg width="13" height="8" viewBox="0 0 13 8" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0)">
<path d="M6.49999 8C6.33749 8 6.17499 7.94666 6.06666 7.78666L0.108328 0.85333C-0.108339 0.639997 -0.0541722 0.266664 0.162495 0.106664C0.379161 -0.10667 0.758328 -0.0533364 0.920828 0.159997L6.49999 6.66666L12.025 0.21333C12.2417 -3.06591e-06 12.5667 -0.0533364 12.7833 0.159997C13 0.37333 13.0542 0.69333 12.8375 0.906664L6.87916 7.84C6.82499 7.94666 6.66249 8 6.49999 8Z" fill="#3C3B55"/>
</g>
<defs>
<clipPath id="clip0">
<rect width="13" height="8" fill="white"/>
</clipPath>
</defs>
</svg>
src/img/icon_enter.svg 0 → 100644
View file @ 27ad58f8
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M10 4H12V2H18V18H12V16H10V20H20V0H10V4ZM12.2 10.2L7 6V9H0V11H7V14.5L12.2 10.2Z" fill="#262262"/>
</svg>
src/img/icon_mail.svg 0 → 100644
View file @ 27ad58f8
<svg width="20" height="16" viewBox="0 0 20 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0)">
<path d="M0 0.688477C0 3.78848 0 12.6885 0 15.6885C7.2 15.6885 12.5 15.6885 20 15.6885C20 12.6885 20 3.78848 20 0.688477C11.3 0.688477 8.8 0.688477 0 0.688477ZM2 13.6885V5.58848L10 12.5885L18 5.58848V13.5885H2V13.6885ZM18 2.98848L10 9.98848L2 2.98848V2.68848H18V2.98848Z" fill="white"/>
</g>
<defs>
<clipPath id="clip0">
<rect y="0.688477" width="20" height="15" fill="white"/>
</clipPath>
</defs>
</svg>
src/img/icon_map.svg 0 → 100644
View file @ 27ad58f8
<svg width="14" height="20" viewBox="0 0 14 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7 0C3.1 0 0 3.1 0 7C0 10.9 7 20 7 20C7 20 14 10.9 14 7C14 3.1 10.9 0 7 0ZM7 17C7 17 2 10 2 7C2 4.2 4.2 2 7 2C9.8 2 12 4.2 12 7C12 10 7 17 7 17ZM9 7.2C9 8.3 8.1 9.2 7 9.2C5.9 9.2 5 8.3 5 7.2C5 6.1 5.9 5.2 7 5.2C8.1 5.2 9 6.1 9 7.2Z" fill="#262262"/>
</svg>
src/img/icon_more.svg 0 → 100644
View file @ 27ad58f8
<svg width="20" height="10" viewBox="0 0 20 10" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M4 4H20V6H4V4ZM4 0V2H20V0H4ZM4 10H20V8H4V10ZM0 6H2V4H0V6ZM0 2H2V0H0V2ZM0 10H2V8H0V10Z" fill="#262262"/>
</svg>
src/img/icon_phone.svg 0 → 100644
View file @ 27ad58f8
<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0)">
<path d="M14.7 13.0001C14.2 14.4001 12.4 15.1001 11.1 15.0001C9.29999 14.8001 7.39999 13.9001 5.89999 12.9001C3.79999 11.3001 1.79999 9.00008 0.699988 6.50008C-0.100012 4.70008 -0.300012 2.60008 0.899988 1.00008C1.29999 0.400084 1.79999 8.40174e-05 2.59999 8.40174e-05C3.59999 -0.099916 3.79999 0.500084 4.09999 1.50008C4.39999 2.20008 4.69999 2.90008 4.89999 3.60008C5.29999 4.90008 3.99999 4.90008 3.79999 6.00008C3.69999 6.70008 4.59999 7.60008 4.89999 8.10008C5.59999 9.10008 6.49999 9.90008 7.49999 10.5001C8.09999 10.9001 8.99999 11.5001 9.59999 11.1001C10.6 10.6001 10.5 8.90008 11.9 9.40008C12.6 9.70008 13.3 10.1001 14 10.5001C15.2 11.2001 15.1 11.8001 14.7 13.0001C14.4 13.9001 15 12.1001 14.7 13.0001Z" fill="#3C3B55"/>
</g>
<defs>
<clipPath id="clip0">
<rect width="15" height="15" fill="white"/>
</clipPath>
</defs>
</svg>
src/img/icon_resume.svg 0 → 100644
View file @ 27ad58f8
<svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0)">
<path d="M5 15.4H9.3L19.2 4.7L15.1 0L5 9.9V15.4ZM7 10.7L15 2.7L16.6 4.7L8.5 13.4H7V10.7ZM20 10.4C20 14.2 20 16.7 20 20.4C13.4 20.4 16.8 20.4 0 20.4C0 11.7 0 9.1 0 0.4C3.8 0.4 6.2 0.4 10 0.4V2.4H2V18.4H18V10.4H20Z" fill="#262262"/>
</g>
<defs>
<clipPath id="clip0">
<rect width="20" height="20.4" fill="white"/>
</clipPath>
</defs>
</svg>
src/img/icon_search.svg 0 → 100644
View file @ 27ad58f8
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8 0C3.6 0 0 3.6 0 8C0 12.4 3.6 16 8 16C12.4 16 16 12.4 16 8C16 3.6 12.4 0 8 0ZM8 14C4.7 14 2 11.3 2 8C2 4.7 4.7 2 8 2C11.3 2 14 4.7 14 8C14 11.3 11.3 14 8 14ZM20 18.6L18.6 20L14.4 15.8L15.8 14.4L20 18.6Z" fill="#262262"/>
</svg>
src/img/logo.svg 0 → 100644
View file @ 27ad58f8
<svg width="205" height="58" viewBox="0 0 205 58" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0)">
<path d="M186.8 30.8C190.776 30.8 194 27.5764 194 23.6C194 19.6235 190.776 16.4 186.8 16.4C182.824 16.4 179.6 19.6235 179.6 23.6C179.6 27.5764 182.824 30.8 186.8 30.8Z" fill="#92C83E"/>
<path d="M14 39.7L0 7.39999H8.6C8.6 7.39999 17.6 29.9 18.7 33.8H18.8C20 30 29.5 7.39999 29.5 7.39999H37.9L23 39.7H14Z" fill="#0F145B"/>
<path d="M92.7 39.7L83.7 28.2L75.3 39.7H66.3L79.1 23.4L66.8 7.39999H75.8L84 19.1L92.3 7.39999H101.3L88.6 23.2L101.7 39.7H92.7Z" fill="#0F145B"/>
<path d="M116.3 12.3H104V7.39999H136.6V12.3H124.2V39.7H116.3V12.3Z" fill="#0F145B"/>
<path d="M50.8 7.39999H43.9L45.5 12.1C46.1 14 51.1 26.1 51.1 26.1H40.5L38.9 30.6H52.5L56.4 39.7H64.9L50.8 7.39999Z" fill="#0F145B"/>
<path d="M149.1 7.39999H142.2L143.8 12.1C144.4 14 149.4 26.1 149.4 26.1H138.7L137.1 30.6H150.7L154.6 39.7H163.1L149.1 7.39999Z" fill="#0F145B"/>
<path d="M177.8 0L186.7 18.1L195.7 0.1L177.8 0Z" fill="#92C83E"/>
<path d="M195 7.60001L191.9 13.9C195.4 15.7 197.7 19.4 197.7 23.6C197.7 29.6 192.8 34.6 186.7 34.6C180.7 34.6 175.7 29.7 175.7 23.6C175.7 19.4 178.1 15.8 181.5 13.9L178.4 7.60001C172.6 10.6 168.7 16.6 168.7 23.6C168.7 33.5 176.7 41.6 186.7 41.6C196.6 41.6 204.7 33.6 204.7 23.6C204.7 16.6 200.8 10.6 195 7.60001Z" fill="#0F145B"/>
<path d="M59.5 53.8C59.5 53.1 59.6 52.4 59.9 51.8C60.2 51.2 60.6 50.8 61.1 50.5C61.6 50.2 62.2 50 62.8 50C63.8 50 64.6 50.3 65.2 51C65.8 51.7 66.1 52.6 66.1 53.8V54C66.1 54.7 66 55.4 65.7 55.9C65.4 56.5 65 56.9 64.5 57.2C64 57.5 63.4 57.7 62.7 57.7C61.7 57.7 60.9 57.4 60.3 56.7C59.9 56 59.5 55.1 59.5 53.8ZM60.8 54C60.8 54.8 61 55.5 61.4 56C61.8 56.5 62.3 56.7 62.9 56.7C63.5 56.7 64.1 56.4 64.4 55.9C64.7 55.4 65 54.7 65 53.8C65 53 64.8 52.3 64.4 51.8C64 51.3 63.5 51 62.9 51C62.3 51 61.8 51.2 61.4 51.7C61 52.3 60.8 53 60.8 54Z" fill="#8DC63F"/>
<path d="M78.1 50.2V51.1C78.7 50.4 79.4 50 80.3 50C81.9 50 82.7 50.9 82.7 52.6V57.5H81.4V52.6C81.4 52.1 81.3 51.7 81 51.4C80.8 51.1 80.4 51 79.9 51C79.5 51 79.1 51.1 78.8 51.3C78.5 51.5 78.2 51.8 78.1 52.2V57.5H76.8V50.1H78.1V50.2Z" fill="#8DC63F"/>
<path d="M95.1 57.6H93.8V47.1H95.1V57.6Z" fill="#8DC63F"/>
<path d="M106.2 48.2C106.2 48 106.3 47.8 106.4 47.7C106.5 47.6 106.7 47.5 107 47.5C107.3 47.5 107.4 47.6 107.6 47.7C107.8 47.8 107.8 48 107.8 48.2C107.8 48.4 107.7 48.6 107.6 48.7C107.5 48.8 107.3 48.9 107 48.9C106.7 48.9 106.6 48.8 106.4 48.7C106.3 48.6 106.2 48.4 106.2 48.2ZM107.6 57.6H106.3V50.2H107.6V57.6Z" fill="#8DC63F"/>
<path d="M119.9 50.2V51.1C120.5 50.4 121.2 50 122.1 50C123.7 50 124.5 50.9 124.5 52.6V57.5H123.2V52.6C123.2 52.1 123.1 51.7 122.8 51.4C122.6 51.1 122.2 51 121.7 51C121.3 51 120.9 51.1 120.6 51.3C120.3 51.5 120 51.8 119.9 52.2V57.5H118.6V50.1H119.9V50.2Z" fill="#8DC63F"/>
<path d="M138.5 57.7C137.5 57.7 136.7 57.4 136.1 56.7C135.5 56 135.2 55.2 135.2 54.1V53.9C135.2 53.2 135.3 52.5 135.6 51.9C135.9 51.3 136.3 50.9 136.8 50.5C137.3 50.2 137.8 50 138.4 50C139.4 50 140.1 50.3 140.6 51C141.1 51.6 141.4 52.5 141.4 53.7V54.2H136.4C136.4 54.9 136.6 55.5 137 56C137.4 56.4 137.9 56.7 138.6 56.7C139 56.7 139.4 56.6 139.7 56.4C140 56.2 140.3 56 140.5 55.7L141.3 56.3C140.7 57.2 139.8 57.7 138.5 57.7ZM138.4 51.1C137.9 51.1 137.5 51.3 137.1 51.7C136.8 52.1 136.5 52.6 136.5 53.3H140.2V53.2C140.2 52.6 140 52.1 139.7 51.7C139.3 51.3 138.9 51.1 138.4 51.1Z" fill="#8DC63F"/>
</g>
<defs>
<clipPath id="clip0">
<rect width="204.7" height="57.7" fill="white"/>
</clipPath>
</defs>
</svg>
src/index.html 0 → 100644
View file @ 27ad58f8
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Главная</title>
</head>
<body>
<header class="header">
<div class="header-top">
<div class="container">
<div class="row justify-content-between align-items-center">
<div class="col-3 header-top-left">
<a href="#" class="choice-lang">
RU
<img src="./img/arrow_down.svg" alt="">
</a>
<a href="#" class="choice-city">
Нижний Новгород
<img src="./img/arrow_down.svg" alt="">
</a>
</div>
<div class="col-5 header-top-middle">
<a href="#" class="choice-mode choice-mode_active">Ищу работу</a>
<a href="#" class="choice-mode">Ищу работника</a>
</div>
<div class="col-auto header-top-right">
<a href="#" class="help">
Помощь
<img src="./img/arrow_down.svg" alt="">
</a>
</div>
</div>
</div>
</div>
<div class="header-bottom">
<div class="container">
<div class="row justify-content-between align-items-center">
<div class="col-5 header-bottom-left">
<a href="#">
<img src="./img/logo.svg" alt="">
</a>
<p>Быстрый поиск узкоквалифицированной работы</p>
</div>
<div class="col-5 header-bottom-right">
<a href="#" class="search-work">
<img src="./img/icon_search.svg" alt="">
Найти работу
</a>
<a href="#" class="release-resume">
<img src="./img/icon_resume.svg" alt="">
Разместить резюме
</a>
<a href="#" class="enter-account">
<img src="./img/icon_enter.svg" alt="">
Войти
</a>
</div>
</div>
</div>
</div>
</header>
<footer class="footer">
</footer>
</body>
</html>
\ No newline at end of file
src/js/main.js 0 → 100644
View file @ 27ad58f8
console.log('hi');
import '../scss/style.scss';
\ No newline at end of file
src/scss/_custom.scss 0 → 100644
View file @ 27ad58f8
// $grid-breakpoints: (
// xs: 0,
// sm: 576px,
// md: 768px,
// lg: 992px,
// xl: 1200px,
// xxl: 1920px
// );
$container-max-widths: (
sm: 540px,
md: 720px,
lg: 960px,
xl: 1240px
);
$color-primary: #3c3b55;
$color-hover: #92c83e;
$color-clicked: #88ab51;
$color-ref: #262262;
$color-current: #69678e;
$color-disabled: #b7b6c3;
$color-main-button: #ffffff;
$body-bg-color: #f7f6fb;
\ No newline at end of file
src/scss/_fonts.scss 0 → 100644
View file @ 27ad58f8
@font-face
{
font-family: 'Raleway Bold';
src: url('../fonts/Raleway-Bold.eot?#iefix') format('embedded-opentype'),
url('../fonts/Raleway-Bold.woff') format('woff'),
url('../fonts/Raleway-Bold.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face
{
font-family: 'Montserrat Bold';
src: url('../fonts/Montserrat-ExtraBold.eot?#iefix') format('embedded-opentype'),
url('../fonts/Montserrat-ExtraBold.woff') format('woff'),
url('../fonts/Montserrat-ExtraBold.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face
{
font-family: 'Montserrat Regular';
src: url('../fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
url('../fonts/Montserrat-Regular.woff') format('woff'),
url('../fonts/Montserrat-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
\ No newline at end of file
src/scss/_libs.scss 0 → 100644
View file @ 27ad58f8
@import './_custom';
@import '~bootstrap/scss/bootstrap.scss';
@import '~normalize.css';
\ No newline at end of file
src/scss/style.scss 0 → 100644
View file @ 27ad58f8
@import './_fonts';
@import './_libs';
// Отступы
.block-purple
{
margin-bottom: 96px;
}
.block-dark-blue
{
margin-bottom: 75px;
}
.block-blue
{
margin-bottom: 64px;
}
.block-green
{
margin-bottom: 43px;
}
.block-yellow
{
margin-bottom: 32px;
}
.block-orange
{
margin-bottom: 22px;
}
body
{
padding: 0;
margin: 0;
background-color: $body-bg-color;
}
button, input
{
outline: none;
}
* {
box-sizing: border-box;
}
// Заголовки и текст
h1, h2, h3, h4, p
{
margin: 0;
padding: 0;
}
h1
{
font-family: Raleway Bold;
font-size: 48px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: $color-primary;
}
h2
{
font-family: Raleway Bold;
font-size: 30px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: $color-primary;
}
h3
{
font-family: Montserrat Bold;
font-size: 19px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: 1.47;
letter-spacing: normal;
color: $color-primary;
}
h4
{
font-family: Montserrat Bold;
font-size: 15px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: $color-primary;
}
p
{
font-family: Montserrat Regular;
font-size: 16px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.88;
letter-spacing: normal;
color: $color-primary;
}
/* Ссылки */
a
{
font-family: Montserrat Regular;
font-size: 16px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.88;
letter-spacing: normal;
color: $color-ref;
border-bottom: 1px dashed currentColor;
transition: .3s;
text-decoration: none !important;
}
a:hover
{
color: $color-hover;
}
// a.disabled
// {
// color: $color-disabled;
// pointer-events: none;
// }
/* Кнопки */
button
{
padding: 15px 30px;
font-family: Montserrat Bold;
font-size: 14px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: $color-main-button;
box-shadow: 0 10px 20px 0 rgba(15, 20, 91, 0.1);
background-color: $color-ref;
transition: .3s;
}
button:hover
{
background-color: $color-hover;
box-shadow: 0 15px 25px 0 rgba(15, 20, 91, 0.1);
}
button:active
{
background-color: $color-clicked;
box-shadow: 0 10px 20px 0 rgba(15, 20, 91, 0.1);
}
// button.disabled
// {
// pointer-events: none;
// background-color: $color-disabled;
// }
// Поле ввода
input[type="text"]
{
background-color: #fff;
height: 53px;
padding-left: 20px;
font-family: Montserrat Bold;
font-size: 13px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: $color-disabled;
border: solid 2px currentColor;
}
input[type="text"]::placeholder
{
color: $color-disabled;
}
input[type="text"]:focus, input[type="text"]:focus::placeholder
{
color: $color-ref;
}
// Шапка
.header
{
&-top
{
padding-top: 22px;
padding-bottom: 22px;
&-left
{
display: flex;
align-items: center;
a
{
img
{
margin-left: 10px;
}
}
.choice-lang
{
display: flex;
align-items: center;
border: 0;
}
.choice-city
{
display: flex;
align-items: center;
margin-left: 30px;
border: 0;
}
}
&-middle
{
display: flex;
align-items: center;
.choice-mode
{
border: 0;
border-radius: 20px;
background-color: transparent;
padding: 6px 20px;
font-family: Montserrat Bold;
font-size: 15px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: $color-disabled;
display: flex;
justify-content: center;
align-items: center;
transition: .3s;
margin-left: 20px;
margin-right: 20px;
}
.choice-mode_active
{
background-color: $color-ref;
color: $color-main-button;
}
}
&-right
{
display: flex;
align-items: center;
.help
{
display: flex;
align-items: center;
border: 0;
font-family: Montserrat Bold;
font-size: 15px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: $color-ref;
img
{
margin-left: 10px;
}
}
}
}
&-bottom
{
padding-top: 45px;
padding-bottom: 45px;
border-top: 1px solid rgba(38, 34, 98, 0.1);
&-left
{
display: flex;
align-items: center;
a
{
display: block;
border: 0;
}
p
{
font-family: Montserrat Regular;
font-size: 13px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
margin-left: 37px;
}
}
&-right
{
display: flex;
align-items: center;
justify-content: space-between;
a
{
border: 0;
font-family: Montserrat Bold;
font-size: 15px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: $color-ref;
img
{
margin-right: 10px;
}
}
}
}
}
@import './_media';
\ No newline at end of file
webpack.config.js 0 → 100644
View file @ 27ad58f8
const path = require('path');
const HTMLWebpackPlugin = require('html-webpack-plugin');
// const {CleanWebpackPlugin} = require('clean-webpack-plugin');
const CopyWebpackPlugin = require('copy-webpack-plugin');
const MiniCssExtractPlugin = require('mini-css-extract-plugin');
const isDev = process.env.NODE_ENV = 'development';
const pages = ['index'];
const webpackConfig = {
context: path.resolve(__dirname, 'src'),
mode: 'development',
entry: ['@babel/polyfill','./js/main.js'],
output: {
filename: "./js/bundle.js",
path: path.resolve(__dirname, 'dist')
},
devServer: {
contentBase: [path.resolve(__dirname, "dist"), path.resolve(__dirname, "src")],
historyApiFallback: true,
noInfo:true,
overlay: true,
port: 4200,
hot: true
},
devtool: isDev ? 'source-map': '',
plugins: [
new CopyWebpackPlugin(
[
{
from: './img',
to: './img'
}
]
),
new MiniCssExtractPlugin({
filename: './css/style.css'
})
],
module: {
rules: [
{
test: /\.s[ac]ss$/,
use: [
MiniCssExtractPlugin.loader,
{
loader: 'css-loader',
options: {
sourceMap: true
}
},
{
loader: 'postcss-loader',
options: {
sourceMap: true
}
},
{
loader: 'sass-loader',
options: {
sourceMap: true
}
}
]
},
{
test: /\.(png|jpg|svg|csv|xml|gif)$/,
use: [
{
loader: 'file-loader?name=./img/[name].[ext]'
}
]
},
{
test: /\.(ttf|woff|woff2|eot)$/,
use: [
{
loader: 'file-loader',
options: {
name: '[name].[ext]',
outputPath: '/fonts',
publicPath: '../fonts'
}
}
]
},
{
test: /\.js$/,
use: [
// {
// loader: 'eslint-loader'
// },
{
loader: 'babel-loader',
options: {
presets: [
'@babel/preset-env'
]
}
}
],
exclude: '/node_modules/'
}
]
}
}
allPages = () =>
{
pages.forEach((file) => {
webpackConfig.plugins.push(
new HTMLWebpackPlugin({
filename: `${file}.html`,
template: `./${file}.html`
})
);
});
}
allPages();
module.exports = webpackConfig;
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment