jw-12138 / vite-plugin-vsharp

Compress Images for the Web with Vite and Sharp
MIT License
43 stars 0 forks source link

Gitlab CI fails #12

Closed Reaper88 closed 1 year ago

Reaper88 commented 1 year ago

I have a CI//CD pipeline that works without this plugin everything passes but as soon as I add this plugin into my vite config i get this error

/usr/bin/bash: line 142:   333 Illegal instruction     (core dumped) npm run build

Here is my vite config if that helps

import { resolve } from 'path';
import { defineConfig } from 'vite';
//import vsharp from "vite-plugin-vsharp";

export default defineConfig({
    base: '/wp-content/themes/evoluciel/assets',
    publicDir: 'public',
    css: {
        postcss: {
            plugins: [
                require('postcss-import'),
                //require('postcss-inline-svg'),
                require('tailwindcss/nesting'),
                require('tailwindcss'),
                require('autoprefixer'),
                require('postcss-url')({
                    url: 'rebase',
                    basePath: resolve(__dirname, 'dist/css'),
                }),
                require('cssnano')({
                    preset: 'default',
                }),
            ],
        },
    },
    build: {
        chunkSizeWarningLimit: 1500,
        outDir: resolve(__dirname, 'dist'),
        manifest: true,
        rollupOptions: {
            input: {
                main: resolve(__dirname,  './src/js/main.js' ),
                tabs: resolve( __dirname, './src/js/widgets/tabs.js' ),
                advertisements: resolve(__dirname,  './src/js/widgets/advertisements.js' ),
                'grid-header': resolve(__dirname, './src/css/widgets/grid-header.scss' ),
                modules: resolve(__dirname, './src/css/widgets/modules.scss' ),
                module: resolve(__dirname, './src/js/widgets/module.js' ),
                spaces: resolve(__dirname, './src/css/widgets/spaces.scss' ),
                admin: resolve(__dirname, './src/js/admin.js' ),
                download: resolve(__dirname, './src/js/widgets/download.js')
            },
            output: {
                entryFileNames: 'js/[name].js',
                chunkFileNames: 'js/[name].js',
                assetFileNames: ({ name }) => {
                    if (/\.(gif|jpe?g|png|svg)$/.test(name ?? '')) {
                        return 'images/[name][extname]';
                    }

                    if (/\.css$/.test(name ?? '')) {
                        return 'css/[name][extname]';
                    }

                    if (/\.(ttf|eot|woff2?)$/.test(name ?? '')) {
                        return 'fonts/[name][extname]';
                    }

                    // default value
                    // ref: https://rollupjs.org/guide/en/#outputassetfilenames
                    return '[name][extname]';
                },
            },
        },
    },
    plugins: [
        //vsharp()
    ]
});

Nothing changes for the rest of the files

Vite version : v4.2.1

jw-12138 commented 1 year ago

It appears that the issue is once again related to sharp.js itself (refer to https://github.com/lovell/sharp/issues/2723). It seems that sharp.js may have discontinued support for certain older CPUs. To check your CPU information, you can use the following command:

npx envinfo --binaries --system