如何解决vue-cli项目中css配置无效的问题？

本文共计504个文字，预计阅读时间需要3分钟。

我们的项目目前使用的是老版本的vue-cli脚手架生成的，今天想写点东西，发现.vue文件里的部分写的样式都不生效了，很自然地想到是不是loader的问题。在项目的webpack.base.config.js中找到了相关的配置。

我们有的项目使用的是老的vue-cli脚手架生成的，今天想写点东西，发现.vue文件里面 style 里面写的样式都不生效了，很自然就想到是不是loader的问题。

在这种项目的webpack.base.config.js一般设置loader的

rules: [ ...(config.dev.useEslint ? [createLintingRule()] : []), { test: /\.vue$/, loader: 'vue-loader', options: vueLoaderConfig }, { test: /\.js$/, loader: 'babel-loader', include: [resolve('src'), resolve('test')] }, ... }

很显然，我们在.vue文件里面的样式怎么生效跟.vue的这个loader有关了。