一个 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