在vue中引入靜態(tài)文件,跳過打包
1.直接在index.html引入靜態(tài)文件,使用絕對路徑(在最前面使用/,表示絕對路徑)
<script src="/wsplayer/wsplayer.min.js" type="application/javascript"></script>
在打包的代碼,配置查找靜態(tài)資源目錄
vue.config.js
devServer{
contentBase: path.join(__dirname, `../public/`),
}
contentBase:用于配置提供額外靜態(tài)文件內(nèi)容的目錄
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')
},