0

现在，我有两个要构建的 HTML 文件。我的项目结构是这样的。

|- node_modules
|- public
|  |- blog
|  |  |- some-page.html
|  |- index.html
|- src (contains all the Vue components)
   |- Blog.Vue
   |- Index.Vue
   |- main.js

在我的some-page.html中，我有一个divID blog，在我的index.html文件中，我有一个divID app。然后，在我的main.js，我有这个代码。

import Vue from 'vue';
import Index from './Index.vue';
import Blog from './Blog.vue';
import vuetify from './plugins/vuetify';

Vue.config.productionTip = false;

new Vue({
  vuetify,
  render: (h) => h(Index),
}).$mount('#app');

new Vue({
  vuetify,
  render: (h) => h(Blog),
}).$mount('#blog');

当我构建项目时，some-page.html根本没有更新。该index.html页面工作正常。我如何才能在构建项目时some-page.html同时注入 Vue 组件？我想将构建的文件上传到我的服务器以托管我个人使用 Vue 的实验。

我在 Github 上发布了源代码：https ://github.com/171112542/seo

4

1 回答 1

0

As you are using Vue CLI, you can use it's "multi-page mode" configurable with the pages config

Note that each html template should have it's own separate main.js entry point

于 2021-05-21T15:56:20.140 回答