使用vue-cli2创建的项目,如果直接将style标签中添加lang=“scss”,会有一堆报错!!
<style lang="scss" scoped>
</style>
报错如下:
需要安装一下一些插件,这些插件的用途是,将scss编译为css
命令行进入项目目录,跑一下安装:
npm install node-sass sass-loader style-loader --save-dev
注意:因为是属于开发环境类的插件,最后使用 --save-dev
等待安装完成,重新跑一下项目就好了:
npm run dev
深入学习scss,参考官网
scss官网:https://www.sass.hk/