javascript - Vue에서 html-webpack-plugin 플러그인을 사용할 때 작은 문제가 발생합니다.

Question

vue의 index.html 파일에는 <p id='app'> </p> ， 但是如果我用html-webpack-plugin的时候，生成的html文件中不包含<p id='app'> </p>이 마운트 지점인 마운트된 노드가 포함됩니다. 플러그인 문서를 읽어도 해결 방법을 찾지 못했습니다.

Answer 1

html-webpack-plugin에는 필요한 html 템플릿을 지정할 수 있는 template 속성이 있습니다. template属性，可以指定一个你自己需要的html模版，用法如下：

new HtmlWebpackPlugin({
    filename: 'index.html',
    inject: 'body',
    template: 'index.html_vm'
})

那么这个index.html_vm 으아아아

그러면 이 index.html_vm은 다음과 같습니다: #🎜🎜# 으아아아

Answer 2

원본 index.html 바에 걸어두어야 합니다. Webpack은 vue에 특별히 사용되지 않습니다. htmlWebpackPlugin은 index.html을 처리하고 내부의 dom 구조를 자동으로 생성하는 데만 도움이 됩니다.

Answer 3

마운트 노드가 콘텐츠에 추가되는 대신 교체됩니다