音乐播放器
音乐播放器 api 依赖于 netease-cloud-music-api
详情见 网易云音乐 Node.js API service
依赖核心模块
siye-core
包中包含了模块需要的功能: 如request
,service
使用
在项目中安装依赖,添加脚本
# 添加依赖
yarn add siye-music
# 添加less less-loader
yarn add less less-loader -D
{
"scripts": {
"serve": "yarn run start-netease-api | vue-cli-service serve",
"start-netease-api": "yarn node node_modules/siye-music/app.js"
},
"dependencies": {
"siye-music": "^0.1.4"
},
"devDependencies": {
"less": "^3.11.1",
"less-loader": "^5.0.0"
}
}
babel.config.js
配置
模块引入了ant-design-vue
组件,需要在项目中配置按需加载
{
"plugins": [
[
"import",
{
"libraryName": "ant-design-vue",
"libraryDirectory": "es",
"style": true
}
]
]
}
vue.config.js
配置
ant-design-vue
组件库使用了less
,需要在项目中配置
module.exports = {
css: {
sourceMap: false,
loaderOptions: {
less: {
javascriptEnabled: true
}
}
}
css: {
sourceMap: false,
loaderOptions: {
less: {
lessOptions: {
javascriptEnabled: true,
}
}
}
}
}
main.js
配置
service功能依赖于插件vue-inject
import injector from 'vue-inject';
import EventBus from 'siye-core/src/modules/EventBus';
Vue.use(injector);
injector.service('EventBus', EventBus);
在项目中引入
<template>
<siyeMusic />
</template>
<script>
import siyeMusic from 'siye-music';
export default {
components: {
siyeMusic
}
}
<script/>