x/pkgsite: transforming styles with PostCSS #43360
We're working to improve frontend development ergonomics for pkgsite. This is the second in a series of issues about our plans. Comment below with any feedback or suggestions related to this issue!
CSS files for pkgsite will be processed by PostCSS to autoprefix, bundle, and minify our stylesheets.
As a command line tool PostCSS can transform, minify, and create source maps for our stylesheets with a single command.
In development mode PostCSS will watch and rebuild distributable stylesheets as the source files change.
PostCSS comes with support for additional plugins like precss that can be evaluated in the future as our requirements evolve.
The text was updated successfully, but these errors were encountered:
Adds dependencies for PostCSS and TypeScript with build and develop scripts that use them in package.json. Removes tsconfig parser option from eslintrc because it interferes with a change in the tsconfig to exclude test files. We want eslint to still lint test files. This is okay for now because none of our lint rules depend on type information. If we add rules that require type info we can create a separate tsconfig for eslint. This change adds TypeScript but not esbuild. It is not clear that we need minification so we will start with just the TypeScript compiler for now. Looking at some of the sources we currently minify with the closure compiler typical savings in a file is less than 1kb. Once we have some TypeScript code to compare minified and unminified performance with we can consider adding esbuild or some other minifier. For golang/go#43359 For golang/go#43360 Change-Id: I1a181952f546b0a0eb9b755128b2b83481e8ed92 Reviewed-on: https://go-review.googlesource.com/c/pkgsite/+/280705 Reviewed-by: Julie Qiu <email@example.com> Trust: Jamal Carvalho <firstname.lastname@example.org>
This change moves pkgsite page styles to lib/css directory and writes processed and minified css to static/css. For golang/go#43360 Change-Id: I42d61f4a270e3cde5016c6063555eb037f35c302 Reviewed-on: https://go-review.googlesource.com/c/pkgsite/+/281772 Trust: Jamal Carvalho <email@example.com> Reviewed-by: Jonathan Amsterdam <firstname.lastname@example.org> Run-TryBot: Jamal Carvalho <email@example.com>