Vue.js 如何从vanilla JS实例化VueJS组件_Vue.js_Webpack_Vue Component

Vue.js 如何从vanilla JS实例化VueJS组件

vue.js webpack

Vue.js 如何从vanilla JS实例化VueJS组件,vue.js,webpack,vue-component,Vue.js,Webpack,Vue Component,一旦您将一组Vue单文件组件编译成一个JS文件，是否有办法在浏览器中使用vanilla JS（ES5）中的组件在页面上动态插入它们我在这里找到了一个将SFC编译为JS的工具： …但您必须将每个组件编译成单独的.js文件那么，有没有一种方法可以使用Webpack来编译distribution.js文件并使所有单个文件组件都可以从浏览器中访问呢例如 var app=新的Vue({ el:“#包装器” }); //如何访问MyComponent对象？也许可以帮助谢谢，但它仍然希望使用Web

一旦您将一组Vue单文件组件编译成一个JS文件，是否有办法在浏览器中使用vanilla JS（ES5）中的组件在页面上动态插入它们

我在这里找到了一个将SFC编译为JS的工具：

…但您必须将每个组件编译成单独的.js文件

那么，有没有一种方法可以使用Webpack来编译distribution.js文件并使所有单个文件组件都可以从浏览器中访问呢

例如


var app=新的Vue({
el:“#包装器”
});
//如何访问MyComponent对象？

也许可以帮助谢谢，但它仍然希望使用Webpack以便高效编译.vue文件，我可以使用SCSS处理等。我也希望将所有组件编译成单个JS文件。也许可以帮助谢谢，但它仍然希望使用Webpack以便高效编译.vue文件，我可以使用SCSS处理，等等，我想把所有的组件也编译成一个JS文件。

<html lang="en">
<head>
    <script src="/dist/index.js"></script>
</head>
<body>
    <div id="wrapper">
      <my-component></my-component>
    </div>
    <script>
    var app = new Vue({
      el : '#wrapper'
    });
    
    // How do I access the MyComponent object?
    </script>
</body>
</html>