Ruby on rails 如何使css在.vue文件中编译
我正在使用gem进行rails开发,当我使用scss或sass时,编译器可以在.vue文件上工作,但不能在普通css上工作 这项工作: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
<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'
}
}
}