mirror of
https://github.com/grafana/grafana.git
synced 2026-06-03 13:43:38 -04:00
0a10a5d133
* build(webpack): add tsconfig.json for Node strip-types compliance * build(webpack): extract shared esbuild options to esbuild.ts * build(webpack): add package.json to declare ESM module type * build(webpack): convert sass.rule to TypeScript * build(webpack): convert CorsWorkerPlugin to TypeScript * build(webpack): convert FeatureFlaggedSriPlugin to TypeScript * build(webpack): convert webpack.common to TypeScript, add theme entries * build(webpack): convert webpack.dev to TypeScript, remove esbuild duplication * build(webpack): convert webpack.prod to TypeScript, remove esbuild duplication * build(webpack): fix TypeScript types in webpack.prod transform callback * build(webpack): convert webpack.stats to TypeScript * build(webpack): update scripts to use TypeScript webpack configs * build(webpack): simplify env-util to use import.meta.dirname directly * build(webpack): tidy up plugins * build(webpack): move rules for ts and sass into single module * build(webpack): consolidate shared config into common, move splitChunks to prod - Move MiniCssExtractPlugin, esbuildRule and sassRule into common so both dev and prod configs share them without duplication - Move splitChunks/runtimeChunk optimisation to webpack.prod only (not needed in dev) - Use require() for SubresourceIntegrityPlugin to work around broken ESM build (waysact/webpack-subresource-integrity#236) - Refactor conditional plugin logic in dev from ternary to if-blocks * build(webpack): remove dead import and clarify webpack destructure pattern - Remove unused MiniCssExtractPlugin import from webpack.prod (moved to common) - Add comment explaining why DefinePlugin/EnvironmentPlugin are destructured from the default webpack import rather than using named ESM imports * style(webpack): reorder consts * chore(env-util): fix up env-util and webpack configs so tests continue to run * refactor(env-util): accept grafanaRoot param instead of relying on __dirname Removes the global.__dirname mutation hack in webpack.common.ts by making the grafana root path an explicit argument to getEnvConfig. Each caller resolves its own root and passes it in, removing the implicit path-depth contract and the CJS/ESM compatibility workaround. * build(webpack): remove unused angular chunk group
62 lines
1.5 KiB
TypeScript
62 lines
1.5 KiB
TypeScript
import browserslist from 'browserslist';
|
|
import type { LoaderOptions } from 'esbuild-loader';
|
|
import { resolveToEsbuildTarget } from 'esbuild-plugin-browserslist';
|
|
import MiniCssExtractPlugin from 'mini-css-extract-plugin';
|
|
import type { RuleSetRule } from 'webpack';
|
|
|
|
const esbuildTargets = resolveToEsbuildTarget(browserslist(), { printUnknownTargets: false });
|
|
|
|
// esbuild-loader 3.0.0+ requires format to be set to prevent it
|
|
// from defaulting to 'iife' which breaks monaco/loader once minified.
|
|
export const esbuildOptions: LoaderOptions = {
|
|
target: esbuildTargets,
|
|
format: undefined,
|
|
jsx: 'automatic',
|
|
};
|
|
|
|
export const esbuildRule: RuleSetRule = {
|
|
test: /\.tsx?$/,
|
|
use: {
|
|
loader: 'esbuild-loader',
|
|
options: esbuildOptions,
|
|
},
|
|
};
|
|
|
|
export const sassRule: RuleSetRule = {
|
|
test: /\.(sa|sc|c)ss$/,
|
|
use: [
|
|
{
|
|
loader: MiniCssExtractPlugin.loader,
|
|
options: {
|
|
publicPath: './',
|
|
},
|
|
},
|
|
{
|
|
loader: 'css-loader',
|
|
options: {
|
|
importLoaders: 2,
|
|
url: true,
|
|
sourceMap: false,
|
|
},
|
|
},
|
|
{
|
|
loader: 'postcss-loader',
|
|
options: {
|
|
sourceMap: false,
|
|
postcssOptions: {
|
|
config: import.meta.dirname,
|
|
},
|
|
},
|
|
},
|
|
{
|
|
loader: 'sass-loader',
|
|
options: {
|
|
sourceMap: false,
|
|
sassOptions: {
|
|
// silencing these warnings since we're planning to remove sass when angular is gone
|
|
silenceDeprecations: ['import', 'global-builtin'],
|
|
},
|
|
},
|
|
},
|
|
],
|
|
};
|