Andreas/siyuan
1
0
Fork 0
mirror of https://github.com/siyuan-note/siyuan.git synced 2025-12-20 16:40:13 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

build: Enable stylesheet sourceMaps in the development environment (#15113)

Browse source
This commit is contained in:
Jeffrey Chen 2025-07-12 22:13:33 +08:00 • committed by GitHub
parent 13edd338db
commit c59f669092
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
4 changed files with 49 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

16
app/webpack.config.js
View file

@ -10,7 +10,7 @@ module.exports = (env, argv) => {
return { return {
mode: argv.mode || "development", mode: argv.mode || "development",
watch: argv.mode !== "production", watch: argv.mode !== "production",
devtool: argv.mode !== "production" ? "eval" : false, devtool: argv.mode !== "production" ? "cheap-source-map" : false,
target: "electron-renderer", target: "electron-renderer",
output: { output: {
publicPath: "auto", publicPath: "auto",
@ -25,9 +25,12 @@ module.exports = (env, argv) => {
extensions: [".ts", ".js", ".tpl", ".scss", ".png", ".svg"], extensions: [".ts", ".js", ".tpl", ".scss", ".png", ".svg"],
}, },
optimization: { optimization: {
minimize: true, minimize: argv.mode === "production",
minimizer: [ minimizer: [
new EsbuildPlugin({target: "es2021"}), new EsbuildPlugin({
target: "es2021",
sourcemap: argv.mode !== "production",
}),
], ],
}, },
module: { module: {
@ -50,6 +53,7 @@ module.exports = (env, argv) => {
loader: "esbuild-loader", loader: "esbuild-loader",
options: { options: {
target: "es2021", target: "es2021",
sourcemap: argv.mode !== "production",
}, },
}, },
{ {
@ -69,9 +73,15 @@ module.exports = (env, argv) => {
MiniCssExtractPlugin.loader, MiniCssExtractPlugin.loader,
{ {
loader: "css-loader", // translates CSS into CommonJS loader: "css-loader", // translates CSS into CommonJS
options: {
sourceMap: argv.mode !== "production",
},
}, },
{ {
loader: "sass-loader", // compiles Sass to CSS loader: "sass-loader", // compiles Sass to CSS
options: {
sourceMap: argv.mode !== "production",
},
}, },
], ],
}, },

14
app/webpack.desktop.js
View file

@ -11,7 +11,7 @@ module.exports = (env, argv) => {
return { return {
mode: argv.mode || "development", mode: argv.mode || "development",
watch: argv.mode !== "production", watch: argv.mode !== "production",
devtool: argv.mode !== "production" ? "eval" : false, devtool: argv.mode !== "production" ? "cheap-source-map" : false,
output: { output: {
publicPath: "/stage/build/desktop/", publicPath: "/stage/build/desktop/",
filename: "[name].[chunkhash].js", filename: "[name].[chunkhash].js",
@ -23,7 +23,10 @@ module.exports = (env, argv) => {
optimization: { optimization: {
minimize: true, minimize: true,
minimizer: [ minimizer: [
new EsbuildPlugin({target: "es6"}), new EsbuildPlugin({
target: "es6",
sourcemap: argv.mode !== "production",
}),
], ],
}, },
resolve: { resolve: {
@ -51,6 +54,7 @@ module.exports = (env, argv) => {
loader: "esbuild-loader", loader: "esbuild-loader",
options: { options: {
target: "es6", target: "es6",
sourcemap: argv.mode !== "production",
} }
}, },
{ {
@ -72,9 +76,15 @@ module.exports = (env, argv) => {
MiniCssExtractPlugin.loader, MiniCssExtractPlugin.loader,
{ {
loader: "css-loader", // translates CSS into CommonJS loader: "css-loader", // translates CSS into CommonJS
options: {
sourceMap: argv.mode !== "production",
},
}, },
{ {
loader: "sass-loader", // compiles Sass to CSS loader: "sass-loader", // compiles Sass to CSS
options: {
sourceMap: argv.mode !== "production",
},
}, },
], ],
}, },

14
app/webpack.export.js
View file

@ -10,7 +10,7 @@ module.exports = (env, argv) => {
return { return {
mode: argv.mode || "development", mode: argv.mode || "development",
watch: argv.mode !== "production", watch: argv.mode !== "production",
devtool: argv.mode !== "production" ? "eval" : false, devtool: argv.mode !== "production" ? "cheap-source-map" : false,
output: { output: {
publicPath: "auto", publicPath: "auto",
filename: "[name].js", filename: "[name].js",
@ -25,7 +25,10 @@ module.exports = (env, argv) => {
optimization: { optimization: {
minimize: true, minimize: true,
minimizer: [ minimizer: [
new EsbuildPlugin({target: "es6"}), new EsbuildPlugin({
target: "es6",
sourcemap: argv.mode !== "production",
}),
], ],
}, },
resolve: { resolve: {
@ -44,6 +47,7 @@ module.exports = (env, argv) => {
loader: "esbuild-loader", loader: "esbuild-loader",
options: { options: {
target: "es6", target: "es6",
sourcemap: argv.mode !== "production",
} }
}, },
{ {
@ -65,9 +69,15 @@ module.exports = (env, argv) => {
MiniCssExtractPlugin.loader, MiniCssExtractPlugin.loader,
{ {
loader: "css-loader", // translates CSS into CommonJS loader: "css-loader", // translates CSS into CommonJS
options: {
sourceMap: argv.mode !== "production",
},
}, },
{ {
loader: "sass-loader", // compiles Sass to CSS loader: "sass-loader", // compiles Sass to CSS
options: {
sourceMap: argv.mode !== "production",
},
}, },
], ],
}, },

14
app/webpack.mobile.js
View file

@ -11,7 +11,7 @@ module.exports = (env, argv) => {
return { return {
mode: argv.mode || "development", mode: argv.mode || "development",
watch: argv.mode !== "production", watch: argv.mode !== "production",
devtool: argv.mode !== "production" ? "eval" : false, devtool: argv.mode !== "production" ? "cheap-source-map" : false,
output: { output: {
// 不能使用 auto，否则 ios 导出图片获取不到 css。 https://github.com/siyuan-note/siyuan/issues/8532 // 不能使用 auto，否则 ios 导出图片获取不到 css。 https://github.com/siyuan-note/siyuan/issues/8532
publicPath: "/stage/build/mobile/", publicPath: "/stage/build/mobile/",
@ -24,7 +24,10 @@ module.exports = (env, argv) => {
optimization: { optimization: {
minimize: true, minimize: true,
minimizer: [ minimizer: [
new EsbuildPlugin({target: "es6"}), new EsbuildPlugin({
target: "es6",
sourcemap: argv.mode !== "production",
}),
], ],
}, },
resolve: { resolve: {
@ -52,6 +55,7 @@ module.exports = (env, argv) => {
loader: "esbuild-loader", loader: "esbuild-loader",
options: { options: {
target: "es6", target: "es6",
sourcemap: argv.mode !== "production",
} }
}, },
{ {
@ -73,9 +77,15 @@ module.exports = (env, argv) => {
MiniCssExtractPlugin.loader, MiniCssExtractPlugin.loader,
{ {
loader: "css-loader", // translates CSS into CommonJS loader: "css-loader", // translates CSS into CommonJS
options: {
sourceMap: argv.mode !== "production",
},
}, },
{ {
loader: "sass-loader", // compiles Sass to CSS loader: "sass-loader", // compiles Sass to CSS
options: {
sourceMap: argv.mode !== "production",
},
}, },
], ],
}, },