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-dev
2.在webpack.base.conf.js文件中的resolve下的extensions中添加了.less：
    extensions: ['.js', '.vue', '.json','.less'], 
    

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

Answer 1

我本地按照你的方式测试可以的。贴出你的 webpack 相关配置，看看有没有添加 less less-loader

Answer 2

应该是差less-loader

Answer 3

找到问题，如果出现这种错误可以尝试：
有可能是less的问题， "less": "^2.7.3", "less-loader": "^4.1.0", 把less版本降到3.0以下，我这边就没问题了。