我对如何使用Vite感到非常困惑。虽然开发没有问题，但当我想建立我的资产文件时，我不知道发生了什么。我已经习惯了webpack的日子，所有的资产文件（.scss和.js）都被捆绑在一起，输出为app.css和app.js。我不知道我应该如何配置Vite来实现类似的东西，或者我是否应该尝试。
我一直在尝试写类似以下的东西：
@if(app()->environment('local'))
@vite(['resources/sass/app.scss', 'resources/js/app.js'])
@else
<link rel="stylesheet" href="/assets/stylesheet.css">
<script src="/assets/app.js"></script>
@endif我的想法基本上是当应用程序不在本地时，它使用构建的资产文件，在开发过程中它使用@vite[...]]声明。
我有一种感觉，我的方法不是Vite应该使用的方式，但我完全迷失了应该如何处理它。有人能教我如何使用Vite吗？
1条答案
按热度按时间wa7juj8i1#
我不知道为什么你在生产时使用另一种方法。文档非常清楚：
配置Vite入口点后，您只需在添加到应用程序根模板的
<head>中的@vite()刀片指令中引用它们。@vite指令将自动检测Vite开发服务器并注入Vite客户端以启用热模块替换。在构建模式下，该指令将加载已编译和版本化的资产，包括任何导入的CSS。因此，您必须始终用途：
它会在需要时自动输出
<link>和<script>。你不需要做任何其他事情。