2 
<!DOCTYPE html>
<html lang="">
  <head>
    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
    <title><%= htmlWebpackPlugin.options.title %></title>
    <script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js"></script>
    <link rel="stylesheet" href="semantic/dist/semantic.min.css">

我有一个基本的 Vue 3 项目，在我的public/index.html文件中我想包含来自根目录（例如node_modules或我的semantic文件夹）的文件

我已经在vue.config.js文件中尝试了各种配置，但似乎它们都不起作用。

module.exports = {
  publicPath: '',
}

将自定义本地 css/js 文件包含到index.hmtl而不将它们直接移动到public目录中的正确方法是什么？

4

1 回答 1

0

前段时间我也遇到过类似的问题，我也在这里问过，但是我自己找到了解决方案，这里是链接，我是如何使用自己的 webpack 配置的，它可能与您需要做的不同，但我认为核心是一样的，文件加载器上的 esModule 选项弄乱了我要加载的本地文件的路径。

于 2021-04-20T14:04:26.903 回答