vue基础之定义stylus变量，修改webpack设置优化代码

定义stylus变量

1.新建varibles.styl
2.定义一个背景颜色变量
$bgColor = #00bcd4
3.直接使用此变量
background-color: $bgColor
（主要用于网站改版时大量基础色调的更换，方便快捷维护性好）

修改webpack设置优化代码

使用背景：某路径一直使用，且代码冗长繁琐。
1.在webpack.base.conf.js中的reslove中的alias中添加类似于@的代码
‘@’: resolve(‘src’),
‘styles’: resolve(‘src/assets/styles’),
2.main.js中直接使用
import ‘styles/reset.css’
import ‘styles/border.css’
import ‘styles/iconfont.css’

3.注意在页面的style 引入前要加入~符号
@import ‘~styles/varibles.styl’