Elux

CSS框架

CSS预处理框架

脚手架内置了对less和sass的支持，只需配置elux.config.js即可。

设置为tue，即可开启，并使用默认配置：

// elux.config.js
module.exports = {
    cssProcessors: {less: true, sass: true},
}

设置为options，即可开启，并使用自定义配置：

// elux.config.js
module.exports = {
    cssProcessors: {less: lessOptions, sass: sassOptions},
}

更多项目配置查看：配置

CSS Module

项目中CSS文件名以.module.xxx结尾，将自动启用CSS Module解析，如global.module.less。

可以在elux.config.js中修改CSS Module设置：

// elux.config.js
module.exports = {
    cssModulesOptions: {
        getLocalIdent: undefined
    },
}

相关文章