Merge pull request #10 from KunHwanAhn/release/v0.0.1

Release/v0.0.1
KunHwanAhn · Mar 6, 2020 · d4094bf · d4094bf
2 parents 674135c + 787d792
commit d4094bf
Show file tree

Hide file tree

Showing 16 changed files with 8,172 additions and 0 deletions.
diff --git a/.browserslistrc b/.browserslistrc
@@ -0,0 +1,3 @@
+> 1%
+last 2 versions
+ie 11
diff --git a/.eslintignore b/.eslintignore
@@ -0,0 +1,2 @@
+dist
+node_modules
diff --git a/.eslintrc.js b/.eslintrc.js
@@ -0,0 +1,39 @@
+module.exports = {
+  root: true,
+  env: {
+    browser: true,
+    es6: true,
+    node: true,
+  },
+  extends: [
+    'plugin:vue/recommended',
+    'airbnb-base',
+  ],
+  plugins: [
+    'vue',
+  ],
+  parserOptions: {
+    parser: 'babel-eslint',
+    ecmaVersion: 2020,
+    sourceType: 'module',
+  },
+  rules: {
+    'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
+    'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
+    'import/extensions': ['error', 'always', {
+      js: 'never',
+      mjs: 'never',
+      jsx: 'never',
+      ts: 'never',
+      tsx: 'never',
+    }],
+    'no-param-reassign': ['error', {
+      props: true,
+      ignorePropertyModificationsFor: [
+        'state', // for vuex state
+        'acc', // for reduce accumulators
+        'e', // for e.returnvalue
+      ],
+    }],
+  },
+};
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,21 @@
+.DS_Store
+node_modules
+/dist
+
+# local env files
+.env.local
+.env.*.local
+
+# Log files
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# Editor directories and files
+.idea
+.vscode
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
diff --git a/.huskyrc b/.huskyrc
@@ -0,0 +1,6 @@
+{
+  "hooks": {
+    "post-checkout": "yarn",
+    "pre-commit": "lint-staged"
+  }
+}
diff --git a/.lintstagedrc b/.lintstagedrc
@@ -0,0 +1,6 @@
+{
+  "*.{js,vue}": [
+    "eslint --fix --ext .js,.vue src",
+    "git add"
+  ]
+}
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -0,0 +1,19 @@
+# CHANGELOG
+
+## v0.0.1 (2020-03-06)
+[webpack]
+- webpack 설정 추가
+- webpack-dev-server 설정 추가
+
+[babel]
+- babel 설정 추가
+
+[styles]
+- 스타일 추가
+- CSS Module 적용
+
+[vue]
+- vue 설정 추가
+
+[git]
+- git hook handler 추가
diff --git a/babel.config.json b/babel.config.json
@@ -0,0 +1,9 @@
+{
+  "presets": [
+    ["@babel/preset-env", {
+      "useBuiltIns": "usage",
+      "corejs": 3,
+      "shippedProposals": true
+    }]
+  ]
+}
diff --git a/package.json b/package.json
@@ -0,0 +1,49 @@
+{
+  "name": "webpack-babel-vue-template",
+  "version": "0.0.1",
+  "description": "Webpack + Babel + Vue.js Template without VueCli",
+  "main": "src/main.js",
+  "repository": "https://github.com/KunHwanAhn/webpack-babel-vue-template",
+  "author": "Conan Kunhwan Ahn <[email protected]>",
+  "license": "MIT",
+  "private": false,
+  "scripts": {
+    "serve": "NODE_ENV=development webpack-dev-server",
+    "build": "NODE_ENV=production webpack",
+    "lint": "eslint --ext .js,.vue src"
+  },
+  "dependencies": {
+    "core-js": "^3.6.4",
+    "vue": "^2.6.11"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.8.7",
+    "@babel/preset-env": "^7.8.7",
+    "autoprefixer": "^9.7.4",
+    "babel-eslint": "^10.1.0",
+    "babel-loader": "^8.0.6",
+    "clean-webpack-plugin": "^3.0.0",
+    "css-loader": "^3.4.2",
+    "eslint": "^6.8.0",
+    "eslint-config-airbnb-base": "^14.0.0",
+    "eslint-loader": "^3.0.3",
+    "eslint-plugin-import": "^2.20.1",
+    "eslint-plugin-vue": "^6.2.1",
+    "file-loader": "^5.1.0",
+    "html-webpack-plugin": "^3.2.0",
+    "husky": "^4.2.3",
+    "lint-staged": "^10.0.8",
+    "mini-css-extract-plugin": "^0.9.0",
+    "optimize-css-assets-webpack-plugin": "^5.0.3",
+    "postcss-loader": "^3.0.0",
+    "sass": "^1.26.2",
+    "sass-loader": "^8.0.2",
+    "style-loader": "^1.1.3",
+    "terser-webpack-plugin": "^2.3.5",
+    "vue-loader": "^15.9.0",
+    "vue-template-compiler": "^2.6.11",
+    "webpack": "^4.42.0",
+    "webpack-cli": "^3.3.11",
+    "webpack-dev-server": "^3.10.3"
+  }
+}
diff --git a/postcss.config.js b/postcss.config.js
@@ -0,0 +1,7 @@
+/* eslint-disable global-require */
+/* eslint-disable import/no-extraneous-dependencies */
+module.exports = {
+  plugins: [
+    require('autoprefixer'),
+  ],
+};
diff --git a/public/index.html b/public/index.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="ko">
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width,initial-scale=1.0">
+    <title>Webpack + Babel + Vue.js Template</title>
+  </head>
+  <body>
+    <noscript>
+      <strong>We're sorry but webpack-babel-vue-template doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
+    </noscript>
+    <div id="app"></div>
+    <!-- built files will be auto injected -->
+  </body>
+</html>
diff --git a/src/App.vue b/src/App.vue
@@ -0,0 +1,15 @@
+<template>
+  <div :class="$style.hello">
+    Hello Vue!
+  </div>
+</template>
+
+<script>
+export default {};
+</script>
+
+<style lang="scss" module>
+.hello {
+  font-size: 24px;
+}
+</style>
diff --git a/src/main.js b/src/main.js
@@ -0,0 +1,9 @@
+import Vue from 'vue';
+// eslint-disable-next-line import/no-unresolved
+import '@/styles/index.scss';
+
+import App from './App.vue';
+
+new Vue({
+  render: (h) => h(App),
+}).$mount('#app');
diff --git a/src/styles/index.scss b/src/styles/index.scss
@@ -0,0 +1,22 @@
+* {
+  box-sizing: border-box;
+
+  ::before {
+    box-sizing: border-box;
+  }
+
+  ::after {
+    box-sizing: border-box;
+  }
+}
+
+a {
+  text-decoration: none;
+}
+
+img,
+embed,
+object,
+video {
+  max-width: 100%;
+}