在vue中引入静态文件，跳过打包

在vue中引入静态文件，跳过打包

1.直接在index.html引入静态文件，使用绝对路径（在最前面使用/,表示绝对路径）

<script src="/wsplayer/wsplayer.min.js" type="application/javascript"></script>

在打包的代码，配置查找静态资源目录
vue.config.js

devServer{
    contentBase: path.join(__dirname, `../public/`),
}

contentBase：用于配置提供额外静态文件内容的目录
src="/wsplayer/wsplayer.min.js"，路径就会去找public/wsplayer/wsplayer.min.js

2.直接在页面用:import '@/utils/wsplayer.js';
然后在配置打包的时候，忽略这个文件夹的js
vue.config.js

chainWebpack: (config) => {
     const jsRule = config.module.rule('js');
        jsRule
             .test(/\.m?jsx?$/)
             .exclude.add(resolve(`${currentDir}/utils`))
             .end()
             .use('babel-loader')
    },