iview 自定义主题

iview 自定义主题

一、下载支持库

npm install less less-loader --save
如果有问题，需降低less-loader的版本
npm install [email protected] --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'