Laravel Vite与 Package 开发

yyyllmsg  于 2023-01-21  发布在  其他
关注(0)|答案(2)|浏览(162)

如何使用laravel vite进行自定义软件包开发。我试图添加vite.config.js的路径,但得到了一个错误。

import { defineConfig } from 'vite';
import laravel from 'laravel-vite-plugin';

export default defineConfig({
    plugins: [
        laravel({

            input: ['resources/css/app.css', 'resources/js/app.js'],
          //  input: ['../Packages/Plugin/Customers/public/css/styles'],
            refresh: true,
        }),
    ],
});

我试图复制这在我的软件包文件夹,但同样的错误。你能帮忙吗?

drkbr07n

drkbr07n1#

要使用Laravel Vite进行自定义软件包开发,您需要确保Vite设置为能够识别软件包的位置。一种方法是将软件包的路径添加到Vite配置文件(vite.config.js)的“alias”部分。这将允许Vite正确地解析导入和对软件包文件的引用。
下面是一个示例,显示了vite.config.js文件可能的样子,其中添加了位于名为“my-package”的目录中的自定义包的别名:

module.exports = {
  alias: {
    'my-package': '/path/to/my-package'
  }
}

您还需要在主app.js文件中导入该包。

import 'my-package'

请确保您的软件包符合laravel软件包结构以及laravel软件包开发文档。
您可能还需要在包目录中运行npm install来安装任何依赖项。

gwbalxhn

gwbalxhn2#

我按照Kamlesh登录,我能够创建vite.config.js文件内我的自定义包,如下所示.

import { defineConfig } from 'vite';
import laravel from 'laravel-vite-plugin';

export default defineConfig({
    plugins: [
        laravel([
            'resources/asset/css/settings.css',
            'resources/asset/js/custom.js',
            'resources/asset/js/ecstore_profile.js',
            'resources/asset/js/general_settings.js',
        ]),
    ],
    resolve: {
        alias: {
            'settings': '/resources/asset/css/settings.css',
            'custom': '/resources/asset/js/custom.s',
            'profile': '/resources/asset/js/ecstore_profile.js',
            'general': '/resources/asset/js/general_settings.js',
        },
    },
});

然后我将每个文件添加到vite.config.js文件中,然后在自定义包中运行build,并将其发布到laravel公共文件夹中。

相关问题