{"id":19656149,"url":"https://github.com/daggerok/webpak-jquery","last_synced_at":"2025-10-25T13:19:51.449Z","repository":{"id":151042205,"uuid":"118359433","full_name":"daggerok/webpak-jquery","owner":"daggerok","description":"This repo contains worked webpack configurations for: 1) jquery (and for materialize-css) usage; 2) babel-loader@8 + webpack@3 + @babel/preset-env and @babel/preset-stage-0 usage; 3) html minify options on gh-pages deployment","archived":false,"fork":false,"pushed_at":"2018-01-21T19:33:08.000Z","size":2359,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-01-10T00:37:20.721Z","etag":null,"topics":["jquery","materialize-css","webpack"],"latest_commit_sha":null,"homepage":"https://daggerok.github.io/webpak-jquery","language":"JavaScript","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/daggerok.png","metadata":{"files":{"readme":"README.adoc","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":"2018-01-21T17:58:23.000Z","updated_at":"2018-01-21T19:07:05.000Z","dependencies_parsed_at":null,"dependency_job_id":"04d83671-3277-4d9b-b1ab-303f8bac7308","html_url":"https://github.com/daggerok/webpak-jquery","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/daggerok%2Fwebpak-jquery","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/daggerok%2Fwebpak-jquery/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/daggerok%2Fwebpak-jquery/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/daggerok%2Fwebpak-jquery/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/daggerok","download_url":"https://codeload.github.com/daggerok/webpak-jquery/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":240964468,"owners_count":19885749,"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":["jquery","materialize-css","webpack"],"created_at":"2024-11-11T15:26:38.026Z","updated_at":"2025-10-25T13:19:51.380Z","avatar_url":"https://github.com/daggerok.png","language":"JavaScript","readme":"= webpack + jquery + materialize-css image:https://travis-ci.org/daggerok/webpak-jquery.svg?branch=master[\"Build Status\", link=\"https://travis-ci.org/daggerok/webpak-jquery\"]\n\nThis repo contains worked webpack configuration for jquery (and for materialize-css) usage.\n\n=== webpack + jquery + materialize-css\n\n.vendors\n[source,bash]\n----\nyarn add materialize-css jquery hammerjs\n----\n\n.webpack.config.js\n[source,javascript]\n----\nconst { ProvidePlugin } = require('webpack');\nconst { resolve } = require('path');\n\nmodule.exports = {\n  // ...\n  resolve: {\n    resolve: {\n      alias: {\n        'jquery': resolve('node_modules/jquery/dist/jquery.js'),\n      },\n    },\n  },\n  plugins: [\n    new ProvidePlugin({\n      $: 'jquery',\n      jQuery: 'jquery',\n      'window.$': 'jquery',\n      'window.jQuery': 'jquery',\n    }),\n  ],\n  // ...\n};\n----\n\n.main.js\n[source,javascript]\n----\nimport $ from 'jquery';\nimport 'hammerjs/hammer.js';\nimport 'materialize-css/dist/js/materialize.js';\n\n$(\".button-collapse\").sideNav();\n----\n\n=== babel-loader@8 + @core/babel + @core/babel-preset-env + @core/babel-preset-stage-0\n\n.package.json\n[source,json]\n----\n  \"devDependencies\": {\n    \"@babel/core\": \"7.0.0-beta.38\",\n    \"@babel/preset-env\": \"7.0.0-beta.38\",\n    \"@babel/preset-stage-0\": \"7.0.0-beta.38\",\n    \"babel-loader\": \"8.0.0-beta.0\",\n    \"webpack\": \"3.10.0\"\n  },\n  \"babel\": {\n    \"presets\": [\n      \"@babel/preset-env\",\n      \"@babel/preset-stage-0\"\n    ]\n  }\n----\n\n.webpack.config.js\n[source,javascript]\n----\nmodule.exports = {\n  module: {\n    rules: [\n      {\n        test: /\\.js$/i,\n        exclude: /(node_modules|bower_components)/i,\n        use: {\n          loader: 'babel-loader',\n          options: {\n            presets: [\n              '@babel/preset-env',\n              '@babel/preset-stage-0',\n            ],\n          },\n        },\n      },\n    ],\n  },\n  // ...\n};\n----\n\n=== webpack minify html\n\n.webpack.config.js\n[source,javascript]\n----\nconst HtmlWebpackPlugin = require('html-webpack-plugin');\nconst publicPath = process.env.BASE_PATH || '';\n\nmodule.exports = {\n  plugins: [\n    new HtmlWebpackPlugin({\n      template: './app/index.html',\n      favicon: './app/favicon.ico',\n      minify: !!publicPath ? {\n        collapseWhitespace: true,\n        removeComments: true,\n        minifyCSS: true,\n        minifyJS: true,\n      } : false,\n    }),\n  ],\n  // ...\n};\n----\n\n.package.json\n[source,json]\n----\n  \"devDependencies\": {\n    \"cross-env\": \"5.1.3\",\n    \"html-webpack-plugin\": \"2.30.1\",\n    \"webpack\": \"3.10.0\"\n  },\n  \"scripts\": {\n    \"build\": \"webpack -p\",\n    \"gh-pages\": \"cross-env BASE_PATH='/webpak-jquery/' yarn build\"\n  }\n----\n\nlinks:\n\n. link:https://github.com/Dogfalo/materialize/issues/4521#issuecomment-293172209[issue solved]\n. link:https://github.com/babel/babel-loader[babel-loader]\n\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdaggerok%2Fwebpak-jquery","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdaggerok%2Fwebpak-jquery","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdaggerok%2Fwebpak-jquery/lists"}