
获得徽章 0
- 虽说互联网大环境下大家相互借鉴无可厚非,但以下这篇文章的作者抄袭的太彻底了。本人上周发的一篇文章一字不落的复制过去评论点赞
- iview 配置自定义主题
按照iview官网配置会出现如下错误
Module build failed (from ./node_modules/less-loader/dist/cjs.js):
//github.com
.bezierEasingMixin();
^
Inline JavaScript is not enabled. Is it set in your options?
in /el-admin/node_modules/iview/src/styles/color/bezierEasing.less (line 111, column 0)
上述错误需要将less的javascriptEnabled设置为true,那么如何在vue-cli3中进行配置呢?
配置步骤:
iview创建自定义主题样式文件,可以参考官网的案例 查看
配置vue.config.js文件
module.exports = {
css: { // 配置css模块
loaderOptions: { // 向预处理器 Loader 传递配置选项
less: { // 配置less(其他样式解析用法一致)
javascriptEnabled: true // 设置为true
}
}
}
}
以上的配置可以参考VueCli文档 查看
通过以上的配置,就可以在vue-cli3中愉快的自定义iview的主题啦。
iview 配置按需引入组件
按照iview官网提供的配置进行按需引入会在IE下报错
解决方法: (适用于vue-cli3 构建的项目)
在项目根目录创建vue.config.js 写入如下配置:
module.exports = {
chainWebpack: config => {
// ie报错无效字符 添加该配置项 解决该问题
config.module
.rule('iview')
.test(/iview.src.*?js$/)
.use('babel')
.loader('babel-loader')
.end()
}
}展开评论点赞