javascript - How to handle large sections of static HTML in vue single file development

Question

When developing a single vue file, if there is a lot of static HTML, such as static content such as guidelines and protocols. If you also use .vue files, they will eventually be packaged into js, ​​resulting in a much larger file after packaging. How did you handle it?

Answer 1

Control in the route file to download each .vue file on demand like this

const Home = resolve => {
  require.ensure(['../components/base/Home.vue'],() => {
    resolve(require('../components/base/Home.vue'))
  },'')
}