Vue 中的 <style lang="scss"> 是如何实现的？

Question

我想要在.html 里面用 <style lang="scss">

webpack 规则应该怎么写才行呢？ 不知道 .vue 文件是如何配置出来的~ 找到了 vue-style-loader 但是里面没有关于 lang 的内容

求指教

Answer 1

你在html 里面应该是不能用<style lang="scss">的，如果你在html里面想写scss的话也不难(借助技巧)， 你安装ruby，配置一下就可以了。但是html里面引入的就是css，你写好的scss文件会自动生成 一个css文件，然后你在页面引入这个css就可以了

会自动生成这三个文件。 你在html中引入css即可，你在scss里面写的会实时在css中编译出来