using development mode in apps scripts?

[enuchi]

using development mode in apps scripts?

[enuchi]

@mx2323 I assume you're trying to debug the server code, right?

You're right, webpack --mode development doesn't work. Thanks for pointing this out . I just updated the repo to remove this from the package start script. Try using production mode to build again (npm run build) but first adding or changing minimize: true to minimize: false on this line in the webpack config.

PR:
https://github.com/enuchi/React-Google-Apps-Script/pull/36/files
See comment: #36 (comment)

Reason development mode doesn't work in gas-webpack-plugin:
fossamagna/gas-webpack-plugin#135

It's still recommended you use minify: true in actual production to reduce bundle size but agree it is difficult to debug. Would like to at some point to add a convenient way to get sourcemaps in this repo but that is a bigger project.

[mx2323]

@enuchi I’m trying to debug the client side code ( the react code that is running in the sidebar )

Will try that solution tomorrow and update this case. Thanks!

[enuchi]

Ah, got it. So for now, keep it in production mode and add this to the client config:

optimization: {
    minimize: false,
},

Here:

React-Google-Apps-Script/webpack.config.js

Lines 76 to 101 in c3802d3

	const clientConfig = {
	...sharedConfigSettings,
	output: {
	path: path.resolve(__dirname, destination),
	},
	resolve: {
	extensions: ['.js', '.jsx', '.json'],
	},
	module: {
	rules: [
	// turned off by default, but uncomment below to run linting during build
	// eslintConfig,
	{
	test: /\.jsx?$/,
	exclude: /node_modules/,
	use: {
	loader: 'babel-loader',
	},
	},
	{
	test: /\.css$/,
	use: ['style-loader', 'css-loader'],
	},
	],
	},
	};

[enuchi]

@mx2323 Updated the config so that development mode doesn't minify. There are new docs in the README that explain how to set up a development environment.

[enuchi]

Feel free to reopen this if you still have issues.