相思资源网 Design By www.200059.com
我们有的项目使用的是老的vue-cli脚手架生成的，今天想写点东西，发现.vue文件里面 style 里面写的样式都不生效了，很自然就想到是不是loader的问题。
在这种项目的webpack.base.config.js一般设置loader的
rules: [ ...(config.dev.useEslint "text-align: center">
通过阅读/build/utils.js的源码我们很容易知道上面返回的
loaders就是针对css、postcss等的对象，每一项的值是一个数组，它是类似于[css-loader信息, postcss-loader信息]的数组，并且第一个是css-loader信息，由于是loader的加载顺序是从右到左的，所以最后一个使用的是css-loader。以前这样写是没有问题，现在打开好久不用的老项目删除node-modules后重新安装发现问题，我猜测多半是vue-loader之类的升级版本了，毕竟我们使用的
package.json默认并没有锁定版本。我们安装的很可能并不是我们在package.json里面写的版本。解决方案
方法一
现在只用再加上vue-style-loader即可，也就是使用[vue-style-loader信息, css-loader信息, postcss-loader信息]即可。
我们可以更改.vue的loader相关配置{ test: /\.vue$/, loader: 'vue-loader', // options: vueLoaderConfig options: { loaders: { 'scss': 'vue-style-loader!css-loader!sass-loader', 'sass': 'vue-style-loader!css-loader!sass-loader"text-align: center">
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。
相思资源网 Design By www.200059.com
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
相思资源网 Design By www.200059.com
暂无vue-cli设置css不生效的解决方法的评论...