Webpack 自定义块中的vue加载程序服务器端脚本

我使用webpack2和vue loader捆绑我的web应用程序，我想在

.vue

文件中添加一些服务器端脚本

我希望将此服务器端脚本捆绑到一个单独的文件中，该文件保留在服务器上，并且可以由nodejs使用

require（）

d。此服务器端脚本可能包括组件的服务器端API

<template>
  <div class="weather">...</div>
<template>

<style type="text/css">...</style>

<script type="text/javascript">
  module.exports = {
    ...
    $http.get('/api/weather')
    .then( /* update the view */ );
    ...
  }
</script>

<server-script>
  request('myRouter').addRoute('/api/weather', function(req, res) {
    res.send( /* the weather data */ );
  }
</server-script>

我看到我可以在

.vue

内部创建文件（例如

），但我无法设置它

例如，我有一个

weather.vue

组件，它已经包含了显示当天天气的所有内容，我想在此文件中添加一个自定义块，该块将包含该组件的服务器API

<template>
  <div class="weather">...</div>
<template>

<style type="text/css">...</style>

<script type="text/javascript">
  module.exports = {
    ...
    $http.get('/api/weather')
    .then( /* update the view */ );
    ...
  }
</script>

<server-script>
  request('myRouter').addRoute('/api/weather', function(req, res) {
    res.send( /* the weather data */ );
  }
</server-script>

...
...
module.exports={
...
$http.get（“/api/weather”）
。然后（/*更新视图*/）；
...
}
请求（'myRouter'）。添加路由（'/api/weather'，函数（req，res）{
res.send（/*天气数据*/）；
}

我尝试将

提取文本网页包插件

用作vue加载程序

选项。加载程序

，但最终生成的文件不包含预期数据

---

我对webpack很陌生，不知道如何继续。

你说的“服务器端脚本”是什么意思？你想实现什么？@EliranMalka:我在问题中添加了更多细节，但我仍然不太明白-你能详细说明一下意图吗？这些脚本的目标是什么？无论如何，这些脚本将包含在客户端代码中，那么你希望它们如何在服务器上运行？或者你只是想在服务器端呈现这些自定义块s？@EliranMalka：我添加了一个示例，你能为预期结果提供一个示例（伪）代码吗？即一个

*.vue

文件，其中包含你想要的代码。