Question

我使用带有vue-loader的webpack2来捆绑我的Web应用程序，我想在我的.vue文件中添加一些服务器端脚本。

我希望将此服务器端脚本捆绑到保留在服务器上的单独文件中，并且可以由nodejs require() d。此服务器端脚本可能包含组件的服务器端API。

我看到我可以在.vue个文件中创建Custom Blocks（例如。<server-script></server-script>），但我无法设置此内容。

例如，我有一个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>

我尝试将extract-text-webpack-plugin用作vue-loader options.loaders，但最终会得到一个不包含预期数据的文件。

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

自定义块中的vue-loader服务器端脚本

0 个答案: