iview 自定义主题
一、下载支持库
npm install less less-loader --save
如果有问题,需降低less-loader的版本
npm install less-loader@4.1.0 --save
二、修改build/utils.js添加对脚本的支持
return {
css: generateLoaders(),
postcss: generateLoaders(),
less: generateLoaders('less', **{ javascriptEnabled: true }**),
sass: generateLoaders('sass', { indentedSyntax: true }),
scss: generateLoaders('sass'),
stylus: generateLoaders('stylus'),
styl: generateLoaders('stylus')
}
三、编写theme.less代码
@import '../../node_modules/iview/src/styles/index.less';
// Base
@border-radius-base : 0px;
@border-radius-small : 0px;
四、在main.js中引入
//定制主题
import './theme/index.less'