Quasar v1 使用 webpack 4 和 laravel-mix 摇树答案

【问题标题】：Quasar v1 tree shaking using webpack 4 and laravel-mixQuasar v1 使用 webpack 4 和 laravel-mix 摇树
【发布时间】：2019-10-15 13:38:15
【问题描述】：

我正在使用 laravel 和 vue 构建一个全栈应用程序。我想将 quasar 集成为前端框架。我正在使用 laravel mix 来构建资产。我想知道如何使用 laravel mix 或 webpack 来摇树 quasar。该文档仅讨论 vue-cli 和 quasar-cli 摇树功能。

我尝试按照vue-cli的导入方式没有成功

【问题讨论】：

【解决方案1】：

我们按照你描述的运行方式使用

在类星体回购中：

类星体清理

类星体构建

在 API 存储库中：

npm 运行生产

在 webpack.mix.js 中添加类似

mix.copy('/path/to/quasar/build/dist', 'public')（SPA 还是 PWA ？？不确定您使用的是什么）

注意：“dist”文件夹将是包含“index.html”的文件夹...所以有点取决于您是否正在构建 SPA、PWA...等

值得一提的警告：取决于你的生产服务器（我们使用 nginx），它会缓存 webpack 块......所以......如果你得到 MIME/TYPE 错误，清除 nginx 缓存，你应该很好去

【讨论】：

我明白了，你分别使用 laravel 和 quasar，只是将 Quasar 的构建结果复制到 Laravel 项目中。我想过使用这种方式，但我想知道是否可以在 laravel 项目中使用 npm 安装 Quasar 并且仍然使用 tree shaking
我们使用 Laravel 作为后端 API，使用 quasar 作为前端。在 web.php 中需要指向 quasar index.html 文件...一切都取决于您希望它如何设置...