CSS
- 7 ответов
- 0 вопросов
3
Вклад в тег
const fs = require('fs')
{...}
const PATHS = {
src: path.join(__dirname, '../src'),
dist: path.join(__dirname, '../dist'),
assets: 'assets/'
}
{...}
const PAGES_DIR = `${PATHS.src}/${PATHS.assets}pages/`
const PAGES = fs.readdirSync(PAGES_DIR).filter(fileName => fileName.endsWith('.pug'))
{...}
module.exports = {
{...}
plugins: [
{...}
...PAGES.map(page => new HtmlWebpackPlugin ({
template: `${PAGES_DIR}/${page}`,
filename: `./${page.replace(/\.pug/,'.html')}`
}))
],
}
"husky": {
"hooks": {
"pre-commit": "lint-staged"
}
},
"lint-staged": {
"!(_*).scss": [
"csscomb --tty-mode",
"stylelint --fix --color --config ./.stylelintrc",
"git add"
],
"*.js": [
"eslint --fix --color",
"prettier --write",
"git add"
]
},
<div id="app" class="theme-light">
<div class="container">
<button class="button">Button</button>
</div>
</div>
.theme-light
у корневого элемента кнопка будет в светлой теме, а если заменить класс на .theme-dark
– кнопка изменится на тёмную.