# sioweb-oxid-webpack > Dieses Paket erleichtert die Konfiguration von Webpack für Oxid. Latest version **0.0.18** (published 2020-07-10) · GPL-3.0 license · 0 weekly downloads ## Install ```sh npm install sioweb-oxid-webpack pnpm add sioweb-oxid-webpack yarn add sioweb-oxid-webpack bun add sioweb-oxid-webpack ``` ## Health **Score 15/100 (F)** — status: abandoned. Positive: no vulnerabilities. Warnings: low downloads; no types; no esm support; pre 1.0. Negative: abandoned; low maintenance score. ## Facts | | | |---|---| | Version | 0.0.18 | | Published | 2020-07-10 | | First published | 2020-04-30 | | Weekly downloads | 0 | | License | GPL-3.0 | | TypeScript types | none | | Module format | CommonJS | | Dependencies | 54 | | Unpacked size | 19.9 KB | | Known vulnerabilities | 0 (+11 in 5 direct dependencies) | | Install scripts | no | | Author | Sascha Weidner | | Maintainers | sioweb | | Keywords | Oxid, Webpack | ## Links - npm: https://www.npmjs.com/package/sioweb-oxid-webpack - Repository: https://github.com/Sioweb/OxidWebpack - Homepage: https://github.com/Sioweb/OxidWebpack#readme - Issues: https://github.com/Sioweb/OxidWebpack/issues - npm.io page: https://npm.io/package/sioweb-oxid-webpack ## Dependencies (54) - [glob](https://npm.io/package/glob.md) ^7.1.6 - [less](https://npm.io/package/less.md) ^3.11.1 - [path](https://npm.io/package/path.md) ^0.12.7 - [sass](https://npm.io/package/sass.md) ^1.26.5 - [wnumb](https://npm.io/package/wnumb.md) ^1.1.0 - [jquery](https://npm.io/package/jquery.md) ^3.5 - [swiper](https://npm.io/package/swiper.md) ^4.5.0 - [cssnano](https://npm.io/package/cssnano.md) ^4.1.10 - [webpack](https://npm.io/package/webpack.md) ^4.43.0 - [bootstrap](https://npm.io/package/bootstrap.md) ^3 - [clipboard](https://npm.io/package/clipboard.md) ^2.0.4 - [jquery-ui](https://npm.io/package/jquery-ui.md) ^1.12.1 - [js-cookie](https://npm.io/package/js-cookie.md) ^2.2.1 - [node-sass](https://npm.io/package/node-sass.md) ^4.14.0 - [css-loader](https://npm.io/package/css-loader.md) ^3.5.3 - [flexslider](https://npm.io/package/flexslider.md) ^2.7.2 - [nouislider](https://npm.io/package/nouislider.md) ^12 - [photoswipe](https://npm.io/package/photoswipe.md) ^4.1.3 - [raw-loader](https://npm.io/package/raw-loader.md) ^4.0.1 - [url-loader](https://npm.io/package/url-loader.md) ^3.0.0 - [@babel/core](https://npm.io/package/@babel/core.md) ^7.9.6 - [file-loader](https://npm.io/package/file-loader.md) ^5.1.0 - [less-loader](https://npm.io/package/less-loader.md) ^5.0.0 - [npm-run-all](https://npm.io/package/npm-run-all.md) ^4.1.5 - [sass-loader](https://npm.io/package/sass-loader.md) ^8.0.2 - [autoprefixer](https://npm.io/package/autoprefixer.md) ^9.7.6 - [babel-loader](https://npm.io/package/babel-loader.md) ^8.1.0 - [browserslist](https://npm.io/package/browserslist.md) ^4.12.0 - [style-loader](https://npm.io/package/style-loader.md) ^1.2.1 - [expose-loader](https://npm.io/package/expose-loader.md) ^0.7.5 - [jquery.cookie](https://npm.io/package/jquery.cookie.md) ^1.4.1 - [postcss-import](https://npm.io/package/postcss-import.md) ^12.0.1 - [postcss-loader](https://npm.io/package/postcss-loader.md) ^3.0.0 - [sioweb-confirm](https://npm.io/package/sioweb-confirm.md) ^3 - [jquery-colorbox](https://npm.io/package/jquery-colorbox.md) ^1.6.4 - [bootstrap-select](https://npm.io/package/bootstrap-select.md) ^1.13.16 - [parallel-webpack](https://npm.io/package/parallel-webpack.md) ^2.6.0 - [@babel/preset-env](https://npm.io/package/@babel/preset-env.md) ^7.9.6 - [postcss-preset-env](https://npm.io/package/postcss-preset-env.md) ^6.7.0 - [webpack-dev-server](https://npm.io/package/webpack-dev-server.md) ^3.10.3 - [bootstrap-validator](https://npm.io/package/bootstrap-validator.md) ^0.11.9 - [copy-webpack-plugin](https://npm.io/package/copy-webpack-plugin.md) ^5.1.1 - [clean-webpack-plugin](https://npm.io/package/clean-webpack-plugin.md) ^3.0.0 - [sioweb-jquery-unveil](https://npm.io/package/sioweb-jquery-unveil.md) ^1.0.0 - [brotli-webpack-plugin](https://npm.io/package/brotli-webpack-plugin.md) ^1.1.0 - [chunks-webpack-plugin](https://npm.io/package/chunks-webpack-plugin.md) ^4.0.3 - [jquery-ui-touch-punch](https://npm.io/package/jquery-ui-touch-punch.md) ^0.2.3 - [text-transform-loader](https://npm.io/package/text-transform-loader.md) ^2.0.0 - [sioweb-jquery-colorbox](https://npm.io/package/sioweb-jquery-colorbox.md) ^1.0.0 - [mini-css-extract-plugin](https://npm.io/package/mini-css-extract-plugin.md) ^0.9.0 - [uglifyjs-webpack-plugin](https://npm.io/package/uglifyjs-webpack-plugin.md) ^2.2.0 - [webpack-bundle-analyzer](https://npm.io/package/webpack-bundle-analyzer.md) ^3.7.0 - [@fortawesome/fontawesome-free](https://npm.io/package/@fortawesome/fontawesome-free.md) ^5.13.0 - [@andxor/jquery-ui-touch-punch-fix](https://npm.io/package/@andxor/jquery-ui-touch-punch-fix.md) ^1.0.2 ## Alternatives - [@sindresorhus/slugify](https://npm.io/package/@sindresorhus/slugify.md) — 3.7M weekly downloads - [solid-js](https://npm.io/package/solid-js.md) — 2.7M weekly downloads - [expo-glass-effect](https://npm.io/package/expo-glass-effect.md) — 2.5M weekly downloads - [nanoassert](https://npm.io/package/nanoassert.md) — 780.8K weekly downloads - [@ffmpeg/ffmpeg](https://npm.io/package/@ffmpeg/ffmpeg.md) — 529.5K weekly downloads ## Recent versions - 0.0.18 (latest) — 2020-07-10 - 0.0.17 — 2020-06-17 - 0.0.16 — 2020-06-15 - 0.0.15 — 2020-05-28 - 0.0.14 — 2020-05-06 - 0.0.13 — 2020-05-04 - 0.0.12 — 2020-04-30 - 0.0.11 — 2020-04-30 - 0.0.10 — 2020-04-30 - 0.0.9 — 2020-04-30 - 0.0.7 — 2020-04-30 - 0.0.6 — 2020-04-30 - 0.0.4 — 2020-04-30 - 0.0.3 — 2020-04-30 - 0.0.2 — 2020-04-30 - … 1 more at https://npm.io/package/sioweb-oxid-webpack/versions ## README # Webpack für Oxid Dieses Paket erleichtert die Konfiguration von Webpack für Oxid. ### Yarn Dieses Paket benötigt [Yarn](https://classic.yarnpkg.com/en/docs/install). Grundsätzlich sollte auch NPM möglich sein, dazu werden allerdings noch weitere Konfigurationen nötig, um die Scripts zu nutzen. ### Installation Zur Installation werden die Dateien aus [/example](https://github.com/Sioweb/OxidWebpack/tree/master/example) benötigt. Laden Sie die Dateien in den Root von Oxid und führen sie anschließend den Befehl `yarn && yarn build` in Ihrer Konsole aus. ### Entwicklung #### $ yarn build `yarn build`, erzeugt einen build im `productive` Mode. #### $ yarn local `yarn local` erzeugt einen build im `development` Mode. #### $ yarn watch `yarn watch` überwacht Anpassungen, in allen registrierten Assets. `development` Mode, ist aktiv. ### [{oxscript}] / [{oxstyle}] Viele Module, verwenden [{oxscript add=""}], womit Javascript-Snippets im Code eingefügt werden können. Dadurch kann es nun zu Problemen führen, da dieses Snippets oft jQuery verwenden. Durch Webpack, wird allerdings kein jQuery mehr als einzelne Datei geladen. Alle Javascripts, werden am Ende des DOMs geladen. Um das zu verhindern, muss das Modul [Oxid Scripts](https://github.com/Sioweb/OxidScripts) installiert werden. Das Modul bündelt sämtliche Snippts zu einer Funktion, die am Ende der Seite gespeichert und um Theme in `/entry/main_after.js` ausgefürt wird. ### Symfony Kernel Aktuell benötigt das Paket Module und Themes, welche für [Symfony Kernel](https://github.com/OXIDprojects/oxid-symfony-kernel) optimiert wurden. --- _Source: https://npm.io/package/sioweb-oxid-webpack · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._