一覧へ戻る
yinxulai/rollup-plugin-less(新しいタブで開きます)
主要言語: TypeScript
rollup 插件,转换 less 语法,支持 cssModule,css 嵌入(支持 SSR)
- star 数
- 3
- watcher 数
- 0
- fork 数
- 0
- issue 数
- 8
- 最終更新
- 2023/01/07
主要言語: TypeScript
rollup 插件,转换 less 语法,支持 cssModule,css 嵌入(支持 SSR)
一个 Rollup 插件,用来处理 less 引用,支持将 css 内置进 js,同时支持 ssr,支持 cssModule
npm install --save-dev @yinxulai/rollup-plugin-less
import { rollup } from 'rollup' import less from '@yinxulai/rollup-plugin-less' // const { rollup } = require('rollup') // const less = require('@yinxulai/rollup-plugin-less') rollup({ input: 'src/index.js', plugins: [less(options)], }).then(/* ... */)
OR
// rollup.config.js import less from '@yinxulai/rollup-plugin-less' // const less = require('@yinxulai/rollup-plugin-less') export default { entry: 'entry.js', dest: 'bundle.js', plugins: [ less({options}) // will output compiled styles to bundle.css ] }
将编译后的 css,namedObject 内嵌入 js 里,使模块的使用者
无需手动 import css 文件,同时对 ssr 支持友好,默认 false
include 用来设置仅进行处理的文件
exclude 用来设置需要忽略处理的文件
本插件使用 postcss-modules 插件来处理 cssModule
同时完整支持 postcss-modules 插件配置,具体请查看
postcss-modules 文档
interface CssModuleOptions { scopeBehaviour?: 'global' | 'local' globalModulePaths?: (RegExp | string)[] generateScopedName?: string | GenerateScopedNameFunction hashPrefix?: string camelCase?: boolean root?: string }
本插件使用 less 包来对 less 文件进行预处理,同时完整支持 less 的相关配置
详细信息查看 less 文档
MIT