部署vuejs&laravel 5.8项目

时间:2019-11-12 13:03:30

标签: laravel vue.js deployment

我是Vuejs的初学者,我已经创建了一个项目,现在我想部署它, 我尝试运行

npm run build

像在Ember js和其他js前端框架中一样,通常会创建一个包含我的源代码的dist文件夹,但是我不能这样做,因为构建脚本未在Laravel附带的Vuejs中定义。
我还尝试压缩项目并将其上传到我的服务器上,然后像其他普通的Laravel项目一样运行它,但是Vuejs代码始终无法正常工作,是否有部署它的特定方法?
我尝试搜索,但是找不到解决方法

1 个答案:

答案 0 :(得分:0)

您可以在laravel应用主文件夹的package.json中看到可用的脚本。 在那里,您应该看到类似这样的内容:

"scripts": {
        "dev": "npm run development",
        "development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
        "watch": "npm run development -- --watch",
        "watch-poll": "npm run watch -- --watch-poll",
        "hot": "cross-env NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js",
        "prod": "npm run production",
        "production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --no-progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
    },

npm run production用于生产版本,将npm run dev用于开发版本。

在主文件夹的webpack.mix.js文件中,您可以定义Webpack配置以及部署设置。看看https://laravel.com/docs/6.x/mix了解详情。

如果您离开标准实现,则您的resources/js/app.js将被编译为public/js/app.js。 您可以将文件包含在Laravel Blade模板中,如下所示:

<script src="{{ mix('js/app.js') }}"></script>