定制主题,这里讲变量覆盖

关于vue cli 使用iview 自定义主题遇到的坑_javascript

当你老老实实的把上面文档中的代码一一复制粘贴到项目文件中时,发现了还没装less,所以你就

npm install less –save 
npm install less-loader –save

结果呢

关于vue cli 使用iview 自定义主题遇到的坑_javascript_02

下面我们来解决他

我们找到项目根目录下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')
}

运行就ok了

最后我自己创建一个QQ交流群。IT各行各业的人都有,欢迎大家加入,分享自己的心得体会。
QQ群:716560543