vue中使用西瓜視頻中引入自定義樣式，絕對可以

首先配置sass-loader和raw-loader

方法，再vue-config.js中加上這一段代碼

module.exports = {
    chainWebpack: config => {
        const svgRule = config.module.rule('svg')

        // 清除已有的所有 loader。
        // 如果你不這樣做，接下來的 loader 會附加在該規則現有的 loader 之后。
        svgRule.uses.clear()

        // 添加要替換的 loader
        svgRule
            .use('raw-loader')
            .loader('raw-loader')
    }
}

然后命令行輸入npx xgplayer eject [targetDir] [skinName]實現將播放器樣式相關代碼復制到指定相對路徑[targetDir]下的.xgplayer/skin文件夾中，然后就可以任意修改實現自定義樣式了。[skinName]為自定義樣式名，可不輸入。

頁面中引入

import Player from 'xgplayer';
import './.xgplayer/skin/index.js';

　　這樣你就可以隨心所欲地更改樣式了么么噠