svelte-preprocess-loader

A webpack loader for svelte components preprocessing.

Usage

Configure inside your webpack.config.js:

  ...
  module: {
    rules: [
      ...
      {
        test: /\.(html|svelte)$/,
        exclude: /node_modules/,
        use: {
          loader: 'svelte-preprocess-loader',
          options: {
            markup: ({ content }) => {
                // `content` is the entire component string
                return { code: '...', map: {...} };
            },
        
            style: ({ content, attributes }) => {
                // `content` is what's inside the <style> element, if present
                // `attributes` is a map of attributes on the element
                if (attributes.type !== 'text/scss') return;
                return { code: '...', map: {...} };
            },
        
            script: ({ content, attributes }) => {
                // `content` is what's inside the <script> element, if present
                // `attributes` is a map of attributes on the element
                if (attributes.type !== 'text/coffeescript') return;
                return { code: '...', map: {...} };
            }
          }
        }
      }
      ...
    ]
  }
  ...

License

MIT