Ruby on rails 如何使css在.vue文件中编译

Ruby on rails 如何使css在.vue文件中编译,ruby-on-rails,webpack,vuejs2,webpacker,Ruby On Rails,Webpack,Vuejs2,Webpacker,我正在使用gem进行rails开发,当我使用scss或sass时,编译器可以在.vue文件上工作,但不能在普通css上工作 这项工作: <style lang="scss" scoped> form label{ color: red !important; } </style> 这真的很奇怪,但它只是起作用了,请更改config/webpack/loaders/sass.js中的行 {loader:'css loader',选项:{minimize:env.NOD

我正在使用gem进行rails开发,当我使用scss或sass时,编译器可以在.vue文件上工作,但不能在普通css上工作

这项工作:

<style lang="scss" scoped>
form label{
  color: red !important;
}
</style>

这真的很奇怪,但它只是起作用了,请更改
config/webpack/loaders/sass.js中的行

{loader:'css loader',选项:{minimize:env.NODE_env==='production'}}

“css加载程序”

运行
/bin/webpack dev server
,它可以编译css,然后我将更改切换回原来的版本,它就可以工作了

{loader:'css loader',选项:{minimize:env.NODE_env==='production'}}


我不明白发生了什么,但它起了作用,我尝试了很多事情。

我过去遇到过这种情况。既然css是SCS的一个子集,那么有没有足够的理由花时间来解决这个问题呢?只是一个想法:如果你添加
css:“vue样式加载器!加载程序对象中的css加载程序
不工作?@Phil修复此问题的主要原因是有许多vue节点模块仅使用css
<style scoped>
form label{
  color: red !important;
}
</style>
module.exports = {
  test: /.vue$/,
  loader: 'vue-loader',
  options: {
    extractCSS: true,
    loaders: {
      js: 'babel-loader',
      file: 'file-loader',
      scss: 'vue-style-loader!css-loader!postcss-loader!sass-loader',
      sass: 'vue-style-loader!css-loader!postcss-loader!sass-loader?indentedSyntax'
    }
  }
}