vue中配置mint-ui报css错误问题的解决方法
更新时间：2017年10月11日 10:32:21 作者：luckylqh
本篇文章主要介绍了vue中配置mint-ui报css错误问题的解决方法，非常具有实用价值，需要的朋友可以参考下
在vue2.0中引入了mint-ui后总是报一个css的错误
但是package.json中已经配置了css-loader style-loader ，webpack.config中也已经配置了css，还是报这个错误，相反，如果把webpack.config中css的配置注释掉就不会出错，这是为什么呢？
因为 在webpack.config中没有设置好css引入的目录，因为默认情况下我们只会引入/src/目录下的css， 但是mint-ui是要冲node_modules目录去引入的，所以在webpack.config中css的配置中加入一项
{
test: /\.css$/,
include: [
/src/,
'/node_modules/mint-ui/lib/' //增加此项
],
loader: "style!css"
},
当然，. babelrc中要配置成这样的：
{
"presets": [
"es2015","stage-0"
],
"plugins": [
["component", [
{
"libraryName": "mint-ui",
"style": true
}
]]
]
}
要确保es6转义成es5的插件都已经安装，
webpack.config中要配置完整：
如果webpack.config中没有配置presets:[‘es2015'],的话会报一个import的错误：
这个错误就是因为es6的语法转义失败造成的
注:webpack.config的配置要根据webpack的版本，不同的版本配置方法不一样,我这里使用的是webpack1.0的版本
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了vue.js diff算法原理详细解析，diff算法可以看作是一种对比算法，对比的对象是新旧虚拟Dom。顾名思义，diff算法可以找到新旧虚拟Dom之间的差异，但diff算法中其实并不是只有对比虚拟Dom，还有根据对比后的结果更新真实Dom2022-06-06
这篇文章主要介绍了vue2.0在table中实现全选和反选的示例代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-11-11
本文主要介绍了 Vue 登录功能实现，文中通过示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-09-09
本文主要介绍了Vue引入并使用Element组件库的两种方式小结，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2023-01-01
这篇文章主要为大家详细介绍了如何使用Vue实现封装树状图,文中的示例代码讲解详细,具有一定的借鉴价值,感兴趣的小伙伴可以跟随小编一起学习一下2024-03-03
通过debug搞清楚.vue文件如何变成.js文件(案例详解)
这篇文章主要介绍了通过debug搞清楚.vue文件如何变成.js文件,本文以@vitejs/plugin-vue举例,通过debug的方式带你一步一步的搞清楚vue文件是如何编译为js文件的,需要的朋友可以参考下2024-07-07
解决vue2使用脚手架配置prettier报错prettier/prettier:context.getPhysical
这篇文章主要介绍了解决vue2使用脚手架配置prettier报错prettier/prettier:context.getPhysicalFilename is not a function问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-03-03
这篇文章主要为大家介绍了封装一个更易用的Dialog组件过程详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-05-05
vue项目使用$router.go(-1)返回时刷新原来的界面操作
这篇文章主要介绍了vue项目使用$router.go(-1)返回时刷新原来的界面操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-07-07
本文将介绍基于 Vue 框架和 compressor.js 的上传时文件压缩实现方法,通过在上传过程中对文件进行压缩,减小文件大小,提升上传速度,为用户创造更快捷、高效的上传体验,感兴趣的朋友跟随小编一起看看吧2024-03-03
最新评论