vue-css-modules:在Vue组件内部将类名无缝映射到CSS模块

时间:2024-05-29 14:02:19
【文件属性】:

文件名称:vue-css-modules:在Vue组件内部将类名无缝映射到CSS模块

文件大小:132KB

文件格式:ZIP

更新时间:2024-05-29 14:02:19

vuejs vue css-modules JavaScript

英文| Vue CSS模块 将类名无缝映射到Vue组件内CSS模块。 yarn add vue-css-modules CDN: | (可作为window.VueCSSModules ) CSS模块:本地范围和模块化 为本地类分配一个全局唯一名称,因此组件样式不会影响其他组件。 例如 /* button.css */ . button { font-size : 16 px ; } . mini { font-size : 12 px ; } 它将转换为类似于以下内容的内容: /* button.css */ . button__button--d8fj3 { font-size : 16 px ; } . button__mini--f90jc { font-size : 12 px ; } 从JS模块导入CSS模块时,它会导出一个对象,该对象具有从本地


【文件预览】:
vue-css-modules-master
----.gitignore(46B)
----package.json(2KB)
----src()
--------parse-class-expression.js(895B)
--------index.js(614B)
--------utils.js(1KB)
--------create-element.js(2KB)
--------config.js(39B)
----.travis.yml(153B)
----assets()
--------logo.png(34KB)
----dist()
--------vue-css-modules.min.js(2KB)
--------vue-css-modules.js(6KB)
--------vue-css-modules.cjs.js(5KB)
--------vue-css-modules.es.js(5KB)
----LICENSE(1KB)
----CHANGELOG.md(1KB)
----README.md(6KB)
----demo()
--------renderFn.vue(672B)
--------renderFn-functional.vue(725B)
--------template-with-outer-modules.vue(440B)
--------index.js(1KB)
--------template-with-inline-modules.vue(571B)
--------jsx.vue(494B)
--------template-with-inline-modules-global.vue(503B)
--------styles()
----README_zh-CN.md(6KB)
----lib()
--------parse-class-expression.js(1KB)
--------index.js(967B)
--------utils.js(2KB)
--------create-element.js(3KB)
--------config.js(137B)
----bdr.config.js(738B)
----test()
--------index.test.js(74B)
----.editorconfig(417B)
----yarn.lock(312KB)

网友评论