scss
(可以定义变量,复用性强,sass是名称, scss是后缀名)
①安装sass
npm install sass-loader --save-dev
npm install node-sass --sava-dev
②在build文件夹下的webpack.base.conf.js的rules里面添加配置
{
test: /\.scss$/,
loaders: ['style', 'css', 'sass']
}
③ 使用scss时候在所在的style样式标签上添加lang=”scss”
<style lang="scss" scoped> //scoped是私有
**@import '../../assets/css/common.scss'; //导入外部scss文件**