首页 > 解决方案 > Quasar v1 使用 webpack 4 和 laravel-mix 摇树

问题描述

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

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

标签: webpack-4quasar-frameworktree-shaking

解决方案


我们使用正如你所描述的运行

在类星体回购中:

类星体清洁

类星体构建

在 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 缓存,你应该很高兴


推荐阅读