Javascript 网页包：如何在Electron应用程序中将UI与业务逻辑分离？_Javascript_Node.js_Webpack_Vue.js_Electron

Javascript 网页包：如何在Electron应用程序中将UI与业务逻辑分离？

javascript node.js webpack vue.js electron

Javascript 网页包：如何在Electron应用程序中将UI与业务逻辑分离？,javascript,node.js,webpack,vue.js,electron,Javascript,Node.js,Webpack,Vue.js,Electron,我正在Electron+Vue 2+Webpack 2+Bootstrap 3上开发一个桌面应用程序。目前，所有JS代码都是通过webpack打包的，并作为单个文件包含在HTML中 index.html <body> <script src="bundle.js"></script> </body> 问题是我不明白如何从Vue模板（在app.js中定义）调用业务逻辑/服务（在logic.js中定义）。无论我尝试什么，webpack总是用以

我正在Electron+Vue 2+Webpack 2+Bootstrap 3上开发一个桌面应用程序。目前，所有JS代码都是通过webpack打包的，并作为单个文件包含在HTML中

index.html

<body>
    <script src="bundle.js"></script>
</body>

问题是我不明白如何从Vue模板（在app.js中定义）调用业务逻辑/服务（在logic.js中定义）。无论我尝试什么，webpack总是用以下内容替换

logic.js的require（）
：
var test = __webpack_require__(!(function webpackMissingModule() { var e = new Error("Cannot find module \"so many time wasted here\""); e.code = 'MODULE_NOT_FOUND'; throw e; }())); 

有人能举个小例子吗？或者链接到样板应用程序
这是我的第一个电子应用程序。也许我想做些错事？非常感谢您的任何建议

UPD:好的，多亏我解决了这个问题
TL；博士：

指示不应由webPack捆绑但
取而代之的是保留结果包的请求
定义：
externals: [
    "some_module"
],

和使用：
var someMethod = require('some_module');
console.log(someMethod());

但它似乎不会编译externals
。您可以尝试这样做，从src/
到build/
@PanJunjie，一个接一个地输出编译文件及其源文件名潘俊杰       我不需要编译/传输externals
——Electron支持ES6。另外，不需要将logic.js包含到HTML页面中。
var someMethod = require('some_module');
console.log(someMethod());