Question

我正在尝试建立一个非常简单的Vue应用程序，但是当我使用webpack编译网站时，所有HTML都被替换为注释，

<!--function(e,n,r,o){return Ue(t,e,n,r,o,!0)}-->

我遇到了与此post相同的问题，但是我确保使用的是运行时+编译器版本。

这是我的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"
  }
})

这是我的webpack配置，

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'
    }
  }

};

如果任何人都可以发现我要去哪里错了，将不胜感激。

Vue / Webpack-HTML替换为注释

0 个答案: