拷贝静态资源

最新推荐文章于 2023-04-21 15:48:32 发布

垚-五行不缺土

最新推荐文章于 2023-04-21 15:48:32 发布

阅读量420

点赞数 3

本文链接：https://blog.csdn.net/qq_34957849/article/details/120333772

版权

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
 })