我对如何使用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>
。你不需要做任何其他事情。