Laravel & Vue - 管理和 public 页面的独立资产

Question

我是 Vue 的新手，但我真的很喜欢它。现在我有自己的基于 Laravel 的 CMS。我想在 Vue 中构建新的 CMS 作为 SPA。但是我不清楚一件事。我应该如何分离前端和管理员的资产？例如，我想要 COMPONENTS 文件夹和另一个文件夹 ADMIN - 只有管理组件。我也不想让 webpack 一起构建所有东西。我正在考虑使用多个 webpack 命令的解决方案：

npm run dev
npm run dev admin

但也许我完全错了...

Answer 1

如果你想有 2 个不同的命令 - 你只需要指定不同的配置文件到 webpack --config 选项像： package.json

{  
   "scripts": {
   "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
   "dev-admin": "webpack-dev-server --inline --progress --config build/webpack.dev-admin.conf.js",
   }
}

另一种选择是使用 webpack 的 "multiple pages" 选项。它将允许您为您的两个应用程序构建 2 个入口 .js 文件和所有块。

看这里：https://webpack.js.org/concepts/entry-points/#multi-page-application

如果您使用 Vue-cli - https://cli.vuejs.org/config/#pages

Laravel & Vue - 管理和 public 页面的独立资产

Laravel & Vue - separate assets for admin and public page

content-management-system

laravel

vue.js