(vue.js)import "mint-ui/lib/stylecss"失败

最新推荐文章于 2022-02-23 13:39:47 发布

转载最新推荐文章于 2022-02-23 13:39:47 发布 · 546 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/weizaiyes/p/7461952.html

文章标签：

#javascript #ui #webpack #ViewUI

本文介绍在Vue2.0项目中使用Mint-UI遇到的CSS加载错误，详细解释了如何在webpack.config.js中正确配置CSS加载器以支持从node_modules目录下加载样式。

在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"
      },

转载于:https://www.cnblogs.com/weizaiyes/p/7461952.html