在vue脚手架2.0中使用sass或者less 以及解决报错（t

先创建一个vue项目 vue create project08

然后选择2.0版本的vue脚手架  vue3.0存在一些兼容问题  我用2.0用的比较多一点

然后执行下面提示的 cd project08  

再执行打开这个项目的  npm run serve

然后按照以下使用less或者sacc即可

使用 Less

下载依赖：npm install less less-loader

在mian.js 中添加:

importlessfrom"less";Vue.use(less);

使用：

<style lang="less"></style>

使用 Less 时运行报错

this.getOptions is not a function

原因：less-loader安装的的版本过高

解决：重新安装较低版本

npm uninstall less-loader

npm install less-loader@5.0.0

使用 sass

下载依赖

npm install node-sass sass-loader style-loader

<style lang="scss" scoped>

这里面写要用到的css代码

</style>

使用

使用 sass 时运行报错

报错：this.getOptions is not a function

原因：sass-loader安装的的版本过高

解决：重新安装较低版本

先卸载当前版本的sass

npm uninstall sass-loader

安装低版本sass

npm i sass-loader@6.0 node-sass --save-dev

<style lang="scss" scoped>

这里面写要用到的css代码

</style>

记得这个地方是scss不是sass哈     scss是sass的升级版  它是一种SCSS-like语言，弥补了sass和css之间的鸿沟；