网页Logo标题
Vue2推出了vue-wechat-title插件实现页面title切换
(1)安装vue-wechat-title插件
在项目根目录下输入npm install vue-wechat-title --save指令安装插件
( 2)入口文件配置
接下来在入口文件src/main.js里引入并使用vue-wechat-title插件
// 引入并使用共有vue-wechat-title插件
import VueWeChatTitle from 'vue-wechat-title'
Vue.use(VueWeChatTitle)
(3)路由实例配置(src/router/index.js)
在路由映射里添加meta属性
(4)更改路由映射组件渲染部分router-view(src/App.vue)
font-awesome
(1)安装依赖包
npm install font-awesome-loader less less-loader css-loader style-loader file-loader font-awesome -save
(2)配置font-awesome-loader
打开项目目录build/webpack.base.conf配置font-awesome-loader如下:
(3)入口文件引入
相应文件位置更新
(4)运行npm run build打包
(5)根据错误提示依次安装依赖
font-awesome-loader
style-loader
sass-loader
(6)安装完毕后,再次打包,运行打包文件,此时引入成功