在Azure Web App上部署vueJs应用程序

Question

我创建了一个vueJs应用程序.

我想将它部署在Azure Web应用程序上.

    "scripts": {
    "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
    "prod": "webpack --progress --config build/webpack.prod.conf.js",
    "start": "npm run prod",
    "lint": "eslint --ext .js,.vue src",
    "build": "node build/build.js"
  },
  "dependencies": {
    "moment": "^2.20.1",
    "vue": "^2.5.2",
    "vue-router": "^3.0.1",
    "webpack": "^3.6.0"
  }

这就是package.json的样子

部署时,我从Azure获得以下错误.

webpack:找不到

错误日志

INFO  - Container logs
Generating app startup command
Found scripts.start in package.json
Running npm start
> myapp@1.0.0 start /home/site/wwwroot
> npm run prod
> myapp@1.0.0 prod /home/site/wwwroot
> webpack --progress --config build/webpack.prod.conf.js
sh: 1: webpack: not found

看起来像缺少webpack.

我是以正确的方式部署的吗？如果没有,最新的方法是什么？

Answer 1

当你在生产或测试(非开发)上使用Vue.js时,你应该运行build.

npm run build

构建之后,webpack将所有文件和文件夹作为应用程序的"可部署"版本提取到根目录下的"dist"文件夹中.

当您在"dist"目录中使用文件时,您将不需要任何类型的npm或webpack依赖项.

如果您确实需要在Azure服务器上进行webpack或开发,可以尝试全局安装webpack.

npm install webpack@3.6.0 -g