拷贝静态资源_垚-五行不缺土的博客

vue public 中的静态资源 通过 webpack 打包到 dist 指定位置并在 index.html 引用

第一种 引入并拷贝

const AddAssetHtmlPlugin = require("add-asset-html-webpack-plugin");

configureWebpack: {
    plugins: [
      new AddAssetHtmlPlugin({
        filepath: "./public/EasyWasmPlayer.js",
        hash: true,
        outputPath: "./static" // 指定输出目录
      })
    ]
  }

第二种 拷贝文件/文件夹到指定位置

const CopyWebpackPlugin = require("copy-webpack-plugin"); 

 new CopyWebpackPlugin([
   {
     from: "./public/EasyWasmPlayer.js",
     to: "./dist/EasyWasmPlayer.js"
   }
 ])

// 需在index.html里面添加
<script src="<%= BASE_URL %>EasyWasmPlayer.js"></script> 

第三种 添加引入到index.html内

const HtmlWebpackTagsPlugin = require("html-webpack-tags-plugin");

 new HtmlWebpackTagsPlugin({
   tags: ["./EasyWasmPlayer.js"],
   append: true
 })