lynx-family/lynx-stack @lynx-js/template-webpack-plugin@0.8.1

on GitHub

Patch Changes

• feat: ::placeholder will be compiled to part(input)::placeholder, which means you can use pseudo-element CSS to add placeholder styles to input and textarea. (#1158)

  // before
  <input placeholder-color='red' placeholder-font-weight='bold' placeholder-font-size='20px'>
  
  // after
  <input>
  
  input::placeholder {
    color: red;
    font-weight: bold;
    font-size: 20px;
  }
  

• Enable fine-grained control for output.inlineScripts (#883)

  type InlineChunkTestFunction = (params: {
    size: number;
    name: string;
  }) => boolean;
  
  type InlineChunkTest = RegExp | InlineChunkTestFunction;
  
  type InlineChunkConfig =
    | boolean
    | InlineChunkTest
    | { enable?: boolean | 'auto'; test: InlineChunkTest };

  import { defineConfig } from '@lynx-js/rspeedy';
  
  export default defineConfig({
    output: {
      inlineScripts: ({ name, size }) => {
        return name.includes('foo') && size < 1000;
      },
    },
  });