Я пытаюсь настроить очень простое приложение Vue, но когда я компилирую сайт с помощью веб-пакета, весь HTML-код заменяется комментарием
<!--function(e,n,r,o){return Ue(t,e,n,r,o,!0)}-->
Я сталкивался с этой публикацией с той же проблемой, но я убедился, что я использую сборку времени выполнения + компилятор.
Вот мой HTML,
<!doctype html>
<html>
<head>
<title>Test</title>
</head>
<body>
<main id="app">
<h1>{{ msg }}</h1>
</main>
<script src="app.js"></script>
</body>
</html>
Вот мой JS:
import Vue from 'Vue';
const test = new Vue({
el: '#app',
data: {
msg: "Hello, World"
}
})
Вот мой конфиг веб-пакета,
const path = require('path');
module.exports = {
entry: './src/app.js',
output: {
filename: 'app.js',
path: path.resolve(__dirname, 'dist')
},
resolve: {
alias: {
'vue$': 'vue/dist/vue.esm.js'
}
}
};
Если кто-нибудь может определить, где я иду не так, это было бы очень признательно.