laravel 9 vite dont load functions in file

ubby3x7f 于 2023-10-22 发布在其他

关注(0)|答案(1)|浏览(106)

我想从Laravel Vite 9中加载函数，但永远不会加载函数，总是生成空白文件。
例如，在vite.config.js中，我有：

import { defineConfig } from 'vite';
import laravel from 'laravel-vite-plugin';
// import { terser } from 'rollup-plugin-terser'

export default defineConfig({

    plugins: [
        laravel({
            input: ['resources/css/app.css',
            'resources/css/dash.css',
            'resources/css/sailor.css',
            'resources/css/clientsailor.css',
            'resources/js/app.js',
            'resources/js/sweetalert.js',
            'resources/js/bg-payment.js',
            'resources/js/oportunidades.js',
            'resources/js/sailor/sailor.js',
            'resources/js/dashboard/globaldash.js'
        ],
            refresh: true,
        }),
    ],
});

在我的文件globaldash.js

` function convertToLowerCase() {
    var input = document.getElementById('username');
    input.value = input.value.toLowerCase();
}`

在我的刀片模板中加载文件：

@vite(['resources/js/dashboard/globaldash.js'])

然后运行命令npm run build
但是我总是在文件中得到空白内容，但是如果把代码放在函数之外，代码看起来很好。有谁知道出了什么问题吗？
我希望Laravel Vite能够很好地加载函数。

laravel

来源：https://stackoverflow.com/questions/76558830/laravel-9-vite-dont-load-functions-in-file

1条答案

按热度按时间

w1jd8yoj1#

跳过一个不是从JavaScript文件直接调用的函数是像Vite这样的构建工具的常见行为。要使Vite导出您需要的函数，请将其调用为convertToLowerCase()，或者更好，导出函数并将其导入到'app.js'中，如下面的示例所示：
出口：

export function convertToLowerCase() {
    var input = document.getElementById('username');
    input.value = input.value.toLowerCase();
}

导入到'app.js'或Laravel输入插件中定义的任何其他文件：

import { convertToLowerCase } from "./globaldash";

window.convertToLowerCase = convertToLowerCase;

赞(0）回复(0）举报 2023-10-22

我来回答

laravel 9 vite dont load functions in file

1条答案

相关问题

热门标签

最新问答