webpack+vue 在使用element-ui时import 'element-ui/lib/theme-chalk/index.css‘失败
2017-11-23 14:35
1051 查看
1.确认style-loader!css-loader是否下载,如果下载,是否在config文件中进行了配置
配置文件如下:
{
test: /\.css$/,
loader: 'style-loader!css-loader',
exclude: /node_modules/
}
但是这样仍然无法正常运行的,因为在elment-ui中css中运用了饿了么的字体库,即.wtff文件,这导致任然缺少一个解析器,即url-loader
npm install url-loader/cnpm install url-loader -D
然后再配置文件中,加上
{
test: /\.(woff|svg|eot|ttf)\??.*$/,
loader: 'url-loader'
},
这样就可以运用了
配置文件如下:
{
test: /\.css$/,
loader: 'style-loader!css-loader',
exclude: /node_modules/
}
但是这样仍然无法正常运行的,因为在elment-ui中css中运用了饿了么的字体库,即.wtff文件,这导致任然缺少一个解析器,即url-loader
npm install url-loader/cnpm install url-loader -D
然后再配置文件中,加上
{
test: /\.(woff|svg|eot|ttf)\??.*$/,
loader: 'url-loader'
},
这样就可以运用了
相关文章推荐
- webpack+vue 在使用element-ui时import 'element-ui/lib/theme-chalk/index.css‘失败
- 使用ES6+vue+elementui+webpack搭建简单项目
- 使用ES6+vue+elementui+webpack搭建简单项目
- 【前后不分离之】vue+elementui+webpack+springboot 单页面 应用
- vue-cli以webpack-simple+elementui配置
- vue elementUI webpack 前端坑;
- 高性能流媒体服务器EasyDSS前端重构(三)- webpack + vue + AdminLTE 多页面引入 element-ui
- vue.js + element-ui + webpack项目搭建
- 高性能流媒体服务器EasyDSS前端重构(三)- webpack + vue + AdminLTE 多页面引入 element-ui
- laravel5.5+vue+Element-ui+vux环境搭建(webpack+laravelMix)(转)
- webpack+vue+elementui构建后台管理系统
- EasyDSS高性能流媒体服务器前端重构(三): webpack + vue + AdminLTE 多页面引入 element-ui
- 【108】Vue-router 2.8.1 懒加载使用Webpack 3 的import() 语句出错的解决办法
- webpack+vue.js+elementUI试做后台管理页面
- vue入门 | 使用vue.js2.0 + ElementUI开发后台管理系统详细教程(一)
- vue学习笔记(一)使用npm,webpack,vue-cli搭建vue项目
- 不使用webpack如何合并多个js文件,合并多个css文件
- 使用npm安装webpack失败时,可能被墙要为cmd命令行设置代理
- 基于vue2 + vue-router + vuex + ES6 + less + flex.css重写vue版cnode社区,使用webpack打包
- vue2.0 使用vue-cli搭建的项目如何在index.html里引入静态css和js