Question

我创建了一个vue应用程序，但没有意识到webpack-simple不适合部署。有没有一种方法可以将其更改为webpack而无需创建新项目？

谢谢。

编辑：这是server.js代码，我认为我们遇到了错误。

// server.js
const express = require('express');
const path = require('path');
const serveStatic = require('serve-static');

const app = express();
//app.use(serveStatic(path.join(__dirname + '/dist')));
app.use(serveStatic(path.resolve(__dirname, './dist/build.js')));

console.log("RESOLVED PATH " + path.resolve(__dirname, './dist/build.js'));

const port = process.env.PORT || 5000;
app.listen(port)

Answer 1

通过更改script.js文件使其工作。

这是最后使用的script.js文件。

// server.js
const express = require('express');
const path = require('path');
const serveStatic = require('serve-static');

const app = express();
app.use(serveStatic(__dirname));

console.log("RESOLVED PATH " + path.join(__dirname, 'dist'));

const port = process.env.PORT || 5000;
app.listen(port);

console.log('server started '+ port);

起作用的更改是更改此行

app.use(serveStatic(path.resolve(__dirname, './dist/build.js')));

对此

app.use(serveStatic(__dirname));

Answer 2

让我们在简单的webpack为您提供的基础上进行返工。

您将需要index.html以及更靠近此服务器文件的dist文件夹。

const express = require('express');
const path = require('path');

const app = express();
app.use(express.static(path.resolve('.')));

app.all('*', (req, res) => {
  res.send('index.html');
})

const port = process.env.PORT || 5000;
app.listen(port)

如何在Vue应用程序中将简单的Webpack更改为Webpack？

2 个答案: