webpack+vue 在使用element-ui时import 'element-ui/lib/theme-chalk/index.css‘失败

1.确认style-loader!css-loader是否下载,如果下载,是否在config文件中进行了配置

配置文件如下:

{
        test: /\.css$/,
        loader: 'style-loader!css-loader',
        exclude: /node_modules/
      }
  • 1
  • 2
  • 3
  • 4
  • 5

但是这样仍然无法正常运行的,因为在elment-ui中css中运用了饿了么的字体库,即.wtff文件,这导致任然缺少一个解析器,即url-loader

npm install url-loader 或者 cnpm install url-loader -D

然后再配置文件中,加上

{

        test: /\.(woff|svg|eot|ttf)\??.*$/,

        loader: 'url-loader'

       }

这样就可以运用了

你可能感兴趣的:(前端,vue笔记)