如何解决在vue 2.0中使用webpack引入element-ui或mint-ui时CSS加载报错的问题?

更新于
2026-09-30 21:09:46
1阅读来源:SEO教程
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计157个文字,预计阅读时间需要1分钟。

如何解决在vue 2.0中使用webpack引入element-ui或mint-ui时CSS加载报错的问题?

在Vue 2.0项目中,使用Webpack引入CSS时遇到错误,可以按照以下步骤解决:

如何解决在vue 2.0中使用webpack引入element-ui或mint-ui时CSS加载报错的问题?

1. 确保在`webpack.config.js`文件中配置了正确的加载器(loader)。

2.在`module.rules`数组中添加一条规则,针对`.css`文件。

3.使用`style-loader`和`css-loader`作为加载器。

示例配置如下:

javascript

{ module: { rules: [ { test: /\.css$/, include: [ /src/, /node_modules\/element-ui\/lib/ ], loader: 'style-loader!css-loader' } ] }}

vue 2.0 + webpack 引入 css 报错解决办法

{ test: /\.css$/, include: [ /src/,//表示在 src 目录下的 css 需要编译 '/node_modules/element-ui/lib/' //增加此项 ], loader: 'style-loader!css-loader' }

本文共计157个文字,预计阅读时间需要1分钟。

如何解决在vue 2.0中使用webpack引入element-ui或mint-ui时CSS加载报错的问题?

在Vue 2.0项目中,使用Webpack引入CSS时遇到错误,可以按照以下步骤解决:

如何解决在vue 2.0中使用webpack引入element-ui或mint-ui时CSS加载报错的问题?

1. 确保在`webpack.config.js`文件中配置了正确的加载器(loader)。

2.在`module.rules`数组中添加一条规则,针对`.css`文件。

3.使用`style-loader`和`css-loader`作为加载器。

示例配置如下:

javascript

{ module: { rules: [ { test: /\.css$/, include: [ /src/, /node_modules\/element-ui\/lib/ ], loader: 'style-loader!css-loader' } ] }}

vue 2.0 + webpack 引入 css 报错解决办法

{ test: /\.css$/, include: [ /src/,//表示在 src 目录下的 css 需要编译 '/node_modules/element-ui/lib/' //增加此项 ], loader: 'style-loader!css-loader' }