less-plugin-aliases
v1.0.3
Published
A less plugin work with typescript-plugin-css-modules
Downloads
391
Readme
less-plugin-aliases
A less plugin work with typescript-plugin-css-modules
Work with webpack and typscript-plugin-css-modules
{
"compilerOptions": {
"plugins": [
{
"name": "typescript-plugin-css-modules",
"options": {
"classnameTransform": "camelCase",
"customMatcher": "\\.less$",
"customRenderer": "node_modules/less-plugin-aliases/lib/customRender.js"
}
}
],
// ...
}
}
Work alone with less
import less from 'less'
import LessPluginAliases from 'less-plugin-aliases'
less.render(css, {
...
plugins: [
new LessPluginAliases({
prefix: '~',
aliases: {
common: path(__dirname, 'src/common') // resovle to '/workspace/project/src/common'
}
})
]
})
index.less
@import '~common/variables.less';
.container {
padding: 32px;
font-size: @fontSize;
background: @white;
.header-title {
font-size: 16px;
}
}
The plugin will resolve ~common/variables.less
to /workspace/project/src/common/variables.less
.