vue中easyplayer使用

一、easyplayer
1.npm安装EasyPlayer、copy-webpack-plugin

npm install @easydarwin/easyplayer --save npm install copy-webpack-plugin@4.0.1 --save-dev

也可在package.json文件中直接添加版本号,然后执行yarn install 或 npm install:
"dependencies": { "@easydarwin/easyplayer": "^5.0.3", }, "devDependencies": { "copy-webpack-plugin": "^4.0.1", }

2.在vue.config.js文件中配置
const CopyWebpackPlugin = require('copy-webpack-plugin') ... new CopyWebpackPlugin([ { from: 'node_modules/@easydarwin/easyplayer/dist/component/EasyPlayer.wasm' }, { from: 'node_modules/@easydarwin/easyplayer/dist/component/crossdomain.xml' }, { from: 'node_modules/@easydarwin/easyplayer/dist/component/EasyPlayer-lib.min.js', to: 'js/' }, ])

3.在public/index.html中引入js静态资源
注意:文件位置要与上面配置的to...相同,上面配置是的 to: 'js/',所以底下地址是./js

【vue中easyplayer使用】4.在vue中使用
... import EasyPlayer from '@easydarwin/easyplayer' ... components: { EasyPlayer }

    推荐阅读