构建我的 Laravel 和 Vue js SPA 以便我可以将其部署到 Live Server 的 webpack 命令是什么？

Question

我知道我需要运行 npm run build 来构建我的资产，以便为网络缩小它们。我的问题是我的 package.json 文件中缺少脚本，而且我不知道正确的代码是什么。 包.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"
    },

运行命令后，它应该创建dist 文件夹。这就是我需要的。我不确定为什么我的项目缺少该脚本。

Answer 1

您可以查看文档的Laravel Mix section。

正如它所说：

Mix 是一个Webpack 之上的配置层，所以要运行你的Mix 您只需要执行包含的 NPM 脚本之一的任务 使用默认的 Laravel package.json 文件：

// Run all Mix tasks...
npm run dev

// Run all Mix tasks and minify output...
npm run production

默认情况下，这将在公共目录中生成您的文件：

/public/js/app.js
/public/css/app.css

当然，您可以在./webpack.mix.js 中对其进行自定义，以执行您可以在docs 中看到的一系列其他操作（如复制文件、自定义 Webpack 配置、提取供应商等）。