mirror of
https://github.com/gromlab-ru/svg-sprites.git
synced 2026-07-22 12:40:21 +03:00
Добавлены exact modes: - vue@vite и vue@webpack - nuxt@vite и nuxt@webpack - svelte@vite, svelte@webpack и sveltekit@vite - angular@application и angular@webpack - astro@vite - solid@vite, solid@webpack и solid-start@vite - preact@vite и preact@webpack - qwik@vite - lit@vite и lit@webpack - alpine@vite и alpine@webpack Для каждого mode реализованы изолированный adapter, нативный framework-компонент, declarations, manifest, CSS и внешний asset URL. Добавлены production integration-стенды с генерацией, typecheck, сборкой и Playwright-проверкой рендера спрайта и Viewer. Обновлены Viewer, RU/EN-гайды, README, technical reference и AI skills. Итоговая матрица включает 29 exact modes. Проверки: - 48 unit-тестов - 29 integration E2E-тестов
61 lines
1.6 KiB
JavaScript
61 lines
1.6 KiB
JavaScript
import path from 'node:path'
|
|
import { fileURLToPath } from 'node:url'
|
|
|
|
import HtmlWebpackPlugin from 'html-webpack-plugin'
|
|
import webpack from 'webpack'
|
|
import { VueLoaderPlugin } from 'vue-loader'
|
|
|
|
const root = path.dirname(fileURLToPath(import.meta.url))
|
|
|
|
export default {
|
|
entry: './src/main.js',
|
|
output: {
|
|
path: path.join(root, 'dist'),
|
|
filename: 'assets/app.[contenthash].js',
|
|
assetModuleFilename: 'assets/[name].[contenthash][ext]',
|
|
clean: true,
|
|
},
|
|
resolve: {
|
|
extensions: ['.js', '.vue'],
|
|
},
|
|
module: {
|
|
rules: [
|
|
{
|
|
test: /\.vue$/,
|
|
loader: 'vue-loader',
|
|
options: {
|
|
compilerOptions: {
|
|
isCustomElement: (tag) => tag === 'gromlab-sprite-viewer',
|
|
},
|
|
},
|
|
},
|
|
{
|
|
test: /\.module\.css$/,
|
|
use: [
|
|
'style-loader',
|
|
{
|
|
loader: 'css-loader',
|
|
options: { modules: { namedExport: false } },
|
|
},
|
|
],
|
|
},
|
|
{
|
|
test: /\.css$/,
|
|
exclude: /\.module\.css$/,
|
|
use: ['style-loader', 'css-loader'],
|
|
},
|
|
],
|
|
},
|
|
plugins: [
|
|
new VueLoaderPlugin(),
|
|
new webpack.DefinePlugin({
|
|
__VUE_OPTIONS_API__: JSON.stringify(true),
|
|
__VUE_PROD_DEVTOOLS__: JSON.stringify(false),
|
|
__VUE_PROD_HYDRATION_MISMATCH_DETAILS__: JSON.stringify(false),
|
|
}),
|
|
new HtmlWebpackPlugin({
|
|
templateContent: '<!doctype html><html><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Vue Webpack sprite fixture</title></head><body><div id="app"></div></body></html>',
|
|
}),
|
|
],
|
|
}
|