iview中正确如何创建单独的.less文件并使用？

Question

想在iview中实现自定义的.less全局样式设置，首先我在src创建theme目录存放less文件，接着在theme下创建index.less，文件具体内容：

@import '~iview/src/styles/index.less';// Color
@primary-color          : #41b883;@info-color             : #1d8ce0;@success-color          : #41b883;然后在main.js中引入：import './theme/index.less'

但是最后run的时候会报错
报错提醒：

ERROR  Failed to compile with 1 errors                                                                                                                09:08:28
 error  in ./src/theme/index.less

Module build failed:

前提我已经：

1.npm install iview-loader --save-dev2.在webpack.base.conf.js文件中的resolve下的extensions中添加了.less：
    extensions: ['.js', '.vue', '.json','.less'],

是我方式上存在错误么，希望可以帮助解决