去哪儿网首页-header区之iconfont的使用（2）

1.在iconfont网将需要用的图标添加到购物车 添加到创建的项目后下载到本地解压缩 提出eot svg ttf woff css为后缀的四个文件，

• styles下新建一个iconfont存放前三个文件 css文件直接放在styles下
• iconfont.css中改一下文件路径，在main.js中引入这个文件

2.想引用的图标，去iconfont网复制它的Unicode 代码

3.优化：

1）常用到的样式如背景色，可以新建一个varibles.styl文件将其存储起来，要用到的时候进行引入和直接使用

2）常用到的文件可以在build下webpack.base.conf.js文件resolve下alias(别名) 修改

 

ps：可以用@代替src目录，但在css中引用其他css 需要在路径前加一个~

即为：@import ‘~@/assets/styles/varibles.styl