{"id":19972638,"url":"https://github.com/jpb06/webpack-vue-starter","last_synced_at":"2026-05-09T06:35:18.270Z","repository":{"id":104016073,"uuid":"131760177","full_name":"jpb06/webpack-vue-starter","owner":"jpb06","description":null,"archived":false,"fork":false,"pushed_at":"2018-05-06T17:34:12.000Z","size":443,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-06-23T00:38:26.024Z","etag":null,"topics":["boilerplate","vuejs","webpack"],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/jpb06.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"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-05-01T20:32:27.000Z","updated_at":"2018-05-06T17:34:13.000Z","dependencies_parsed_at":null,"dependency_job_id":"15dd57ea-be97-4552-aeaa-f870a220c983","html_url":"https://github.com/jpb06/webpack-vue-starter","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/jpb06/webpack-vue-starter","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jpb06%2Fwebpack-vue-starter","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jpb06%2Fwebpack-vue-starter/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jpb06%2Fwebpack-vue-starter/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jpb06%2Fwebpack-vue-starter/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/jpb06","download_url":"https://codeload.github.com/jpb06/webpack-vue-starter/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jpb06%2Fwebpack-vue-starter/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32809841,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-08T08:22:46.396Z","status":"online","status_checked_at":"2026-05-09T02:00:06.633Z","response_time":123,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":["boilerplate","vuejs","webpack"],"created_at":"2024-11-13T03:08:45.998Z","updated_at":"2026-05-09T06:35:18.164Z","avatar_url":"https://github.com/jpb06.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Vue + Webpack starter\n\nJust some sandboxing to understand how to properly use webpack and to build something using vuejs.\n\n## Some highlights\n\n- Webpack 4.6 - \u003chttps://webpack.js.org/concepts/\u003e\n- Vuejs 2.5 - \u003chttps://vuejs.org/v2/guide/\u003e\n\n### Webpack loaders\n\n- vue-loader : handle vue files (template, style, script).\n- style-loader / css-loader : handle css.\n- babel-loader : ES6 to ES5.\n\n### Dev env\n\n- webpack-dev-server (npm run ...)\n- html-webpack-plugin (injects the bundled file into html or generates directly an html file)\n- webpack.HotModuleReplacementPlugin (webpack config plugin)\n\n### Linting (js)\n\n#### Getting feedback from a npm script command\n\n```npm\nnpm install --save-dev eslint eslint-plugin-import eslint-plugin-node eslint-plugin-promise eslint-plugin-standard eslint-config-standard babel-eslint eslint-loader eslint-plugin-vue\n```\n\n.eslintrc.js\n\n```javascript\nmodule.exports = {\n  parserOptions: {\n    parser: 'babel-eslint'\n  },\n  extends: [\n    'plugin:vue/recommended',\n    'standard'\n  ],\n  plugins: [\n    'vue'\n  ]\n}\n```\n\npackage.json\n\n```scripts section\n\"lint\": \"eslint --ext .js,.vue src\"\n\"lint:fix\": \"eslint --ext .js,.vue src --fix\"\n```\n\n#### Run lint on webpack build\n\n```npm\nnpm install --save-dev eslint-loader\n```\n\nwebpack.config.js\n\n```javascript\n{\n  test: /\\.(js|vue)$/,\n  use: 'eslint-loader',\n  enforce: 'pre'\n}\n```\n\n### Tests\n\nUsed facebook jest for that one.\n\n```npm\nnpm install --save-dev jest babel-jest vue-jest jest-serializer-vue @vue/test-utils\n```\n\n#### package.json\n\n```jest configuration at document root\n\"jest\": {\n  \"collectCoverage\": true,\n  \"collectCoverageFrom\": [\n    \"src/**/*.{js,vue}\",\n    \"!src/index.js\"\n  ],\n  \"coverageDirectory\": \".jest_coverage\",\n  \"moduleFileExtensions\": [\n    \"js\",\n    \"vue\"\n  ],\n  \"moduleNameMapper\": {\n    \"^@/(.*)$\": \"\u003crootDir\u003e/src/$1\"\n  },\n  \"transform\": {\n    \"^.+\\\\.js$\": \"\u003crootDir\u003e/node_modules/babel-jest\",\n    \".*\\\\.(vue)$\": \"\u003crootDir\u003e/node_modules/vue-jest\"\n  },\n  \"snapshotSerializers\": [\n    \"\u003crootDir\u003e/node_modules/jest-serializer-vue\"\n  ]\n}\n```\n\nscripts section\n\n```scripts section\n\"test\": \"jest\"\n```\n\n#### .babelrc\n\n```Document root\n\"env\": {\n  \"test\": {\n    \"presets\": [\n      [\"env\", { \"targets\": { \"node\": \"current\" }}]\n    ]\n  }\n}\n```\n\n#### .eslintrc.js\n\n```Exported object properties\nenv: {\n  browser: true,\n  node: true,\n  mocha: true\n},\nglobals: {\n  expect: true\n}\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjpb06%2Fwebpack-vue-starter","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjpb06%2Fwebpack-vue-starter","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjpb06%2Fwebpack-vue-starter/lists"}