1、提取公共的颜色值或者像素值得操作:在assets>styles文件下创建varibles.styl。然后在该文件中定义一个变量$bgColor = red 然后在用到该颜色值得时候在该样式中引入文件@import 'varibles文件的地址'。然后直接可以写该变量的名字就可以了。(7-2)
2、在style样式中引入文件需要用@import。
3、路径简化,可以把经常用到的路径配置成一个别名,此操作在build文件下的webpack.base.conf.js中配置。具体位置在resolve下面的alias对象里面配置。注意:如果在样式中引入样式的路径用到了别名的时候需要加“~”这个波浪线。其他的地方引入不需要加~。
4、样式穿透:我们开发一般会用到其他的插件,这时候如果要修改其样式的话就需要穿透。比如:我们用到了swiper轮播插件,然后我们需要修改其样式,就可以用: 外面的.class >>>插件的.class 这样就可以实现修改。
5、使用axios的时候必须安装:npm install axios --save。 axios的使用如下图>
6、在vue项目中给静态资源添加版本号。方式是在build文件夹下的webpack.prod.conf里的搜索HtmlWebpackPlugin处,添加hash值就可以了。如下图
来源:oschina
链接:https://my.oschina.net/u/3803573/blog/4281746