Question

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

npm run build

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

Answer 1

您可以在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>。

部署vuejs＆laravel 5.8项目

1 个答案: