Vue файлы без NodeJS?

Я хочу разместить мое приложение вне node JS, но я хочу использовать .vue файлы и возможную npm в качестве системы сборки (если это необходимо). Можно ли это сделать?

Мне не нужна обратная совместимость, и если он работает с последним Chrome dev, это нормально для меня.

Есть ли примеры того, как это можно сделать?

Я попытался создать шаблон webpack, но он работает только внутри NodeJS. На другом сервере я получаю 404, когда я обращаюсь к URL-адресам, которые помещаются в файлы .vue. Кажется, что они не могут быть обработаны другим сервером.

Ответы

Ответ 1

  1. Приложение VueJS не является приложением NodeJS.
  2. Приложение VueJS интерпретируется браузером.
  3. Вам просто нужно создать приложение на компьютере и размещать файлы, как на любом статическом веб-сайте, чтобы любой сервер мог обслуживать HTML и файлы.
  4. Для создания вашего приложения используйте, например, Веб-пакет (https://github.com/vuejs-templates/webpack)

Ответ 2

NodeJs используют только для создания файлов *.js в front-end, ваше WebApp не должно работать на Nodejs.

1. Вы можете создать файл index.html, который требует файл *.js при его создании в веб-пакете.

2. Используйте Chrome, чтобы открыть файл index.html, чтобы увидеть, как он работает.

Вам не нужно использовать vue-cli или другие серверы, если вам нужна только статическая страница.

Но вы должны знать, как установить ваш webpack.config.js, вы можете посмотреть этот документ https://webpack.js.org/guides/getting-started/

Ответ 3

Ваша начальная точка неверна. Vue + node.js может построить полный сайт. Vue - это интерфейсная среда, node серверный язык. Эти два варианта могут использоваться в комбинации. Но не vue должно полагаться на node для использования. Два из них могут быть идеальными для достижения фронтальной и обратной отделки модели разработки.

В проектах, которые используют vue, люди не рекомендуют отдельно настраивать webpack и vue-loader. Вы можете напрямую использовать официальные строительные леса vue, vue-cli. Не нужно учитывать эти конфигурации, автоматически настроенные.

Vue-cli

Если вы только начали изучать Vue, вот демо-версия начального уровня. Хотя это всего лишь небольшое приложение, но оно охватывает множество точек знаний (vue2.0 + vue-cli + vue-router + vuex + axios + mysql + express + pm2 + webpack), включая интерфейсные, back-end, база данных и другие сайты. Некоторые из необходимых элементов, для меня, изучая большое значение, хотели бы поощрять друг друга!

Vue Demo

Ответ 4

Верно, что vue создаст статические html-страницы при запуске сборки script. Тем не менее, вам нужно будет обслуживать файлы с небольшого сервера для работы сайта. Если вы заметили, что при запуске npm run build терминал распечатает уведомление...

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

Вы можете создать простой http-сервер в своем каталоге /dist с помощью express, а затем разместить свой сайт где-то как Heroku.

Взгляните на эту статью https://medium.com/@sagarjauhari/quick-n-clean-way-to-deploy-vue-webpack-apps-on-heroku-b522d3904bc8#.4nbg2ssy0

TL;DR;

  • написать супер простой экспресс-сервер

    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);

  • добавить postinstall script в package.json внутри /dist

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

  • нажмите только свою папку /dist на герою после того, как вы скомпилировали свой сайт.

: Я выполнил следующие шаги, чтобы разместить мой проект vue.js

Ответ 5

Лучший способ разработки Vue-приложения - запустить dev-сервер, а ведь просто создавать статические активы. Вам не нужно использовать vuex файлы, даже лучше использовать статический шаблон, потому что вы можете легко интегрировать его с некоторыми внутренними (WordPress или что-то еще). Полезно будет использовать какой-то стартер, например. Vue.js стартер

Ответ 6

Они пытаются сказать, что как только вы создадите свой сайт с помощью команды webpack, он выведет нормальный javascript в каталог, в который установлен ваш конфигуратор webpack. В этот момент не будет файлов .vue, и вашему html файлу будут нужны только ссылки для библиотек vue и vue-router. Помимо этого вам нужно будет опубликовать код для людей, чтобы помочь вам.

Ответ 7

Не могли бы вы попробовать что-то простое, как установка ведра S3 для веб-сервисов? Насколько велик ваш проект? Сколько трафика вы думаете, что получите? Если он очень мал, вы можете разместить его на S3 и использовать webpack и т.д.