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

想在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'],

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


青春有我
浏览 1386回答 1
1回答
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

Vue.js