vue的一些配置

≯℡__Kan透↙ 提交于 2020-08-12 01:35:01

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值就可以了。如下图

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!