mirrors/Graphite
1
0
Fork 0
mirror of https://github.com/GraphiteEditor/Graphite.git synced 2025-08-04 13:30:48 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

Bezier-rs: Replace Vue-CLI with Webpack bundler

Browse source
This commit is contained in:
Keavon Chambers 2023-03-29 16:58:51 -07:00
parent c770cd906e
commit 92fe0bea50
15 changed files with 1171 additions and 13727 deletions
Download patch file Download diff file Expand all files Collapse all files

40
frontend/webpack.config.ts
View file

@ -3,9 +3,9 @@ import fs from "fs";
import { spawnSync } from "child_process";
import WasmPackPlugin from "@wasm-tool/wasm-pack-plugin";
import SvelteCheckPlugin from "svelte-check-plugin";
import SveltePreprocess from 'svelte-preprocess';
import SveltePreprocess from "svelte-preprocess";
import * as webpack from "webpack";
import 'webpack-dev-server';
import "webpack-dev-server";
const LicenseCheckerWebpackPlugin = require("license-checker-webpack-plugin");
const mode = process.env.NODE_ENV === "production" ? "production" : "development";
@ -18,16 +18,16 @@ const config: webpack.Configuration = {
resolve: {
alias: {
// Note: Later in this config file, we'll automatically add paths from `tsconfig.compilerOptions.paths`
svelte: path.resolve('node_modules', 'svelte')
svelte: path.resolve("node_modules", "svelte")
},
extensions: ['.ts', '.js', '.svelte'],
mainFields: ['svelte', 'browser', 'module', 'main']
extensions: [".ts", ".js", ".svelte"],
mainFields: ["svelte", "browser", "module", "main"]
},
output: {
path: path.resolve(__dirname, 'public/build'),
publicPath: '/build/',
filename: '[name].js',
chunkFilename: '[name].[id].js'
path: path.resolve(__dirname, "public/build"),
publicPath: "/build/",
filename: "[name].js",
chunkFilename: "[name].[id].js"
},
module: {
rules: [
@ -35,7 +35,7 @@ const config: webpack.Configuration = {
{
test: /\.svelte$/,
use: {
loader: 'svelte-loader',
loader: "svelte-loader",
options: {
compilerOptions: {
// Dev mode must be enabled for HMR to work!
@ -81,8 +81,8 @@ const config: webpack.Configuration = {
{
test: /\.(scss|sass)$/,
use: [
'css-loader',
'sass-loader'
"css-loader",
"sass-loader"
]
},
@ -90,14 +90,14 @@ const config: webpack.Configuration = {
{
test: /\.css$/,
use: [
'css-loader',
"css-loader",
]
},
// Rule: TypeScript
{
test: /\.ts$/,
use: 'ts-loader',
use: "ts-loader",
exclude: /node_modules/
},
@ -137,17 +137,17 @@ const config: webpack.Configuration = {
// new SvelteCheckPlugin(),
],
devtool: mode === 'development' ? 'source-map' : false,
devtool: mode === "development" ? "source-map" : false,
experiments: {
asyncWebAssembly: true,
},
};
// Load path aliases from the tsconfig.json file
const tsconfigPath = path.resolve(__dirname, 'tsconfig.json');
const tsconfigPath = path.resolve(__dirname, "tsconfig.json");
const tsconfig = fs.existsSync(tsconfigPath) ? require(tsconfigPath) : {};
if ('compilerOptions' in tsconfig && 'paths' in tsconfig.compilerOptions) {
if ("compilerOptions" in tsconfig && "paths" in tsconfig.compilerOptions) {
const aliases = tsconfig.compilerOptions.paths;
for (const alias in aliases) {
@ -156,8 +156,8 @@ if ('compilerOptions' in tsconfig && 'paths' in tsconfig.compilerOptions) {
// Our tsconfig uses glob path formats, whereas webpack just wants directories
// We'll need to transform the glob format into a format acceptable to webpack
const wpAlias = alias.replace(/(\\|\/)\*$/, '');
const wpPaths = paths.map((p: string) => p.replace(/(\\|\/)\*$/, ''));
const wpAlias = alias.replace(/(\\|\/)\*$/, "");
const wpPaths = paths.map((p: string) => p.replace(/(\\|\/)\*$/, ""));
if (config.resolve && config.resolve.alias) {
if (!(wpAlias in config.resolve.alias) && wpPaths.length) {
@ -332,7 +332,7 @@ function htmlDecode(input: string): string {
gt: ">",
amp: "&",
apos: "'",
quot: '"',
quot: `"`,
};
return input.replace(/&([^;]+);/g, (entity, entityCode: string) => {