2

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

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

我看到我可以在文件中创建自定义块.vue（例如<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-pluginas vue-loaderoptions.loaders但它最终得到一个不包含预期数据的文件。

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

4

0 回答 0