{"id":23464674,"url":"https://github.com/blitzbanana/webpack-mjml-loader","last_synced_at":"2025-04-14T10:33:19.881Z","repository":{"id":39485440,"uuid":"215779701","full_name":"BlitzBanana/webpack-mjml-loader","owner":"BlitzBanana","description":"Mjml 4 Webpack 5 / 4 loader","archived":false,"fork":false,"pushed_at":"2023-02-03T02:59:59.000Z","size":2157,"stargazers_count":9,"open_issues_count":17,"forks_count":1,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-03-26T17:51:39.851Z","etag":null,"topics":["mjml","mjml4","webpack","webpack-loader"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/BlitzBanana.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2019-10-17T11:50:09.000Z","updated_at":"2023-11-20T21:10:53.000Z","dependencies_parsed_at":"2023-02-04T06:46:40.163Z","dependency_job_id":null,"html_url":"https://github.com/BlitzBanana/webpack-mjml-loader","commit_stats":{"total_commits":21,"total_committers":4,"mean_commits":5.25,"dds":0.5714285714285714,"last_synced_commit":"3689a7be4b836d98fcf7d0fe7b109f8fd3482dc6"},"previous_names":[],"tags_count":6,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BlitzBanana%2Fwebpack-mjml-loader","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BlitzBanana%2Fwebpack-mjml-loader/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BlitzBanana%2Fwebpack-mjml-loader/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BlitzBanana%2Fwebpack-mjml-loader/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/BlitzBanana","download_url":"https://codeload.github.com/BlitzBanana/webpack-mjml-loader/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248862971,"owners_count":21173909,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["mjml","mjml4","webpack","webpack-loader"],"created_at":"2024-12-24T10:53:40.049Z","updated_at":"2025-04-14T10:33:19.850Z","avatar_url":"https://github.com/BlitzBanana.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# MJML webpack loader\n\n[![npm](https://badgen.net/npm/v/webpack-mjml-loader)](https://www.npmjs.com/package/webpack-mjml-loader)\n[![npm](https://badgen.net/npm/dm/webpack-mjml-loader)](https://www.npmjs.com/package/webpack-mjml-loader)\n[![GitHub Actions](https://img.shields.io/endpoint.svg?url=https%3A%2F%2Factions-badge.atrox.dev%2FBlitzBanana%2Fwebpack-mjml-loader%2Fbadge\u0026label=build\u0026logo=none)](https://actions-badge.atrox.dev/BlitzBanana/webpack-mjml-loader/goto)\n\nThis webpack loader transforms your MJML files into html strings to be imported in nodejs. MJML is linked as peer dependency so you can use the version that you want.\n\n\u003e This is for webpack 5, for webpack 4 see [v1.1.0](https://github.com/BlitzBanana/webpack-mjml-loader/tree/v1.1.0)\n\n## Usage\n\nInstall the package as devDependency:\n```sh\nyarn add -D webpack-mjml-loader\n```\n\nInstall MJML package as devDependency:\n```sh\nyarn add -D mjml\n```\n\nUpdate your webpack config:\n```js\n// webpack.config.js\n\nmodule.exports = {\n  // [...] The rest of your webpack config\n  module: {\n    rules: [\n      // [...] Your other rules like babel-loader\n      {\n        test: /\\.mjml$/,\n        use: [\n          {\n            loader: 'webpack-mjml-loader',\n            // optional, you can omit options\n            options: {\n              // any mjml option, see: https://github.com/mjmlio/mjml#inside-nodejs\n              // minify: true // Deprecated by mjml, will be removed from mjml 5.0\n            }\n          }\n        ]\n      }\n    ]\n  }\n}\n```\n\nEnjoy !\n```js\nimport { default as foobarTemplate } from './foobar.mjml'\n\nsendEmail(foobarTemplate, { /* my options */ })\n```\n\n\n## Local Development\n\n\u003e This project was bootstrapped with [TSDX](https://github.com/jaredpalmer/tsdx).\n\nBelow is a list of commands you will probably find useful.\n\n### `yarn start`\n\nRuns the project in development/watch mode. Your project will be rebuilt upon changes. TSDX has a special logger for you convenience. Error messages are pretty printed and formatted for compatibility VS Code's Problems tab.\n\n### `yarn build`\n\nBundles the package to the `dist` folder.\nThe package is optimized and bundled with Rollup into multiple formats (CommonJS, UMD, and ES Module).\n\n### `yarn test`\n\nRuns the test watcher (Jest) in an interactive mode.\nBy default, runs tests related to files changed since the last commit.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fblitzbanana%2Fwebpack-mjml-loader","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fblitzbanana%2Fwebpack-mjml-loader","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fblitzbanana%2Fwebpack-mjml-loader/lists"}