/
main.js
73 lines (58 loc) · 2.07 KB
/
main.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
import './minify.css'
import css from './imported.css'
text('.imported-css', css)
import sass from './sass.scss'
text('.imported-sass', sass)
import less from './less.less'
text('.imported-less', less)
import stylus from './stylus.styl'
text('.imported-stylus', stylus)
import rawCss from './raw-imported.css?raw'
text('.raw-imported-css', rawCss)
import mod from './mod.module.css'
document.querySelector('.modules').classList.add(mod['apply-color'])
text('.modules-code', JSON.stringify(mod, null, 2))
import sassMod from './mod.module.scss'
document.querySelector('.modules-sass').classList.add(sassMod['apply-color'])
text('.modules-sass-code', JSON.stringify(sassMod, null, 2))
import composesPathResolvingMod from './composes-path-resolving.module.css'
document
.querySelector('.path-resolved-modules-css')
.classList.add(...composesPathResolvingMod['path-resolving-css'].split(' '))
document
.querySelector('.path-resolved-modules-sass')
.classList.add(...composesPathResolvingMod['path-resolving-sass'].split(' '))
document
.querySelector('.path-resolved-modules-less')
.classList.add(...composesPathResolvingMod['path-resolving-less'].split(' '))
text(
'.path-resolved-modules-code',
JSON.stringify(composesPathResolvingMod, null, 2)
)
import './dep.css'
import './glob-dep.css'
function text(el, text) {
document.querySelector(el).textContent = text
}
if (import.meta.hot) {
import.meta.hot.accept('./mod.module.css', (newMod) => {
const list = document.querySelector('.modules').classList
list.remove(mod.applyColor)
list.add(newMod.applyColor)
text('.modules-code', JSON.stringify(newMod.default, null, 2))
})
import.meta.hot.accept('./mod.module.scss', (newMod) => {
const list = document.querySelector('.modules-sass').classList
list.remove(mod.applyColor)
list.add(newMod.applyColor)
text('.modules-sass-code', JSON.stringify(newMod.default, null, 2))
})
}
// async
import('./async')
if (import.meta.env.DEV) {
import('./async-treeshaken')
}
// inlined
import inlined from './inlined.css?inline'
text('.inlined-code', inlined)