没有NodeJS的vue文件？

我想在节点JS之外托pipe我的应用程序，但我想使用.vue文件和可能的npm作为构build系统（如果需要的话）。 有可能吗？

我不需要任何向后兼容性，如果它在最新的Chrome开发工作，这对我来说是好的。

有没有例子可以做到？

我试图build立一些webpack模板，但它只能在NodeJS内工作。 在其他服务器上，当我访问放置在.vue文件中的URL时，我得到了404。 看来，他们不能被其他服务器处理。

Answer 1

1. VueJS应用程序不是NodeJS应用程序。
2. VueJS应用程序由浏览器解释。
3. 您只需在计算机上构build您的应用程序并将其作为任何静态网站的主机文件，因此任何服务器都可以提供html和文件。
4. 要build立你的应用程序使用例如Webpack（ https://github.com/vuejs-templates/webpack ）

Answer 2

你的出发点是错误的。 Vue + node.js可以build立一个完整的网站。 Vue是前端框架，节点的服务器语言。 两者可以组合使用。 但不是vue必须依靠节点来使用。 他们两人可以完美地实现发展模式的前后分离。

在使用vue的项目中，个人不build议分别configurationwebpack和vue-loader。 你可以直接使用vue官方脚手架，vue-cli。 不必考虑这些configuration，自动configuration。

Vue公司-CLI

如果你刚开始学习Vue，这里是一个入门级的演示。 虽然它只是一个小应用，但它涵盖了很多知识点（vue2.0 + vue-cli + vue-router + vuex + axios + mysql + express + pm2 + webpack），包括前端，后端，数据库等网站一些必要的元素，对我来说学习意义重大，想互相鼓励！

Vue演示

Answer 3

NodeJs只用于在前端创build* .js文件，您的WebApp不必在Nodejs上运行。

1，你可以创build一个index.html文件，在webpackbuild立时需要* .js文件。

2，使用Chrome打开你的index.html文件，你可以看到它的工作。

如果只需要一个静态页面，则不需要使用vue-cli或其他服务器。

但是你必须知道如何设置你的webpack.config.js，你可以看看这个文档http://webpack.github.io/docs/tutorials/getting-started/

Answer 4

确实，vue会在运行构build脚本时创build静态html页面。 但是，您需要从小型服务器上为文件提供文件才能正常工作。 如果你注意到，当你运行npm run build ，terminal会打印一个通知。

 Tip: Built files are meant to be served over an HTTP server. Opening index.html over file:// won't work. 

你可以用/dist express在/dist目录中创build一个简单的http服务器，然后像Heroku一样托pipe你的站点。

看看这篇文章https://medium.com/@sagarjauhari/quick-n-clean-way-to-deploy-vue-webpack-apps-on-heroku-b522d3904bc8#.4nbg2ssy0

TLDR;

1. 写一个超级简单的快递服务器

    var express = require('express'); var path = require('path'); var serveStatic = require('serve-static'); app = express(); app.use(serveStatic(__dirname)); var port = process.env.PORT || 5000; app.listen(port); console.log('server started '+ port); 

2. 在/dist中的package.json中添加一个postinstall脚本

    { "name": "myApp", "version": "1.0.0", "description": "awesome stuff", "author": "me oh my", "private": true, "scripts": { "postinstall": "npm install express" } } 

3. 编译完站点后，只将/dist文件夹推送到heroku。

certificate：我已经按照这些步骤来主持我的vue.js项目

Answer 5

他们试图说，一旦你使用webpack命令build立你的网站，它会输出正常的JavaScript到你的webpackconfiguration设置的目录。 那时候没有.vue文件，你的html文件只需要vue和vue-router库的链接。 除此之外，你将需要发布一些代码，以便人们能够帮助你。

Answer 6

开发Vue应用程序的最好方法是运行开发服务器，毕竟只是build立静态资产。 你不需要使用vuex文件，甚至更好的是使用静态模板，因为你可以很容易地将它与一些后端（WordPress或其他）集成。 有用的将会使用一些起动器，例如。 Vue.js首发

Answer 7

你可以尝试一些简单的事情，像一个S3桶设置的Web服务？ 你的项目有多大？ 你认为你会得到多lessstream量？ 如果它非常小，则可以在S3上托pipe并使用webpack等。