fix all failed build

Author: Irfan Maulana

.editorconfig

@@ -7,3 +7,4 @@ indent_size = 2
 end_of_line = lf
 insert_final_newline = true
 trim_trailing_whitespace = true
+quote_type = single

.gitignore

@@ -61,3 +61,4 @@ typings/
 .next
 
 dist/
+.cache

build.js

@@ -0,0 +1,17 @@
+const shell = require('shelljs');
+
+// run build webpack
+shell.cd('webpack');
+shell.exec('yarn install && yarn run build');
+
+// run build rollup
+shell.cd('../rollup');
+shell.exec('yarn install && yarn run build');
+
+// run build poi
+shell.cd('../poi');
+shell.exec('yarn install && yarn run build');
+
+// run build parcel
+shell.cd('../parcel');
+shell.exec('yarn install && yarn run build');

package.json

@@ -0,0 +1,23 @@
+{
+  "name": "setup-vue-without-vue-cli",
+  "description": "How to create skeleton project in Vue.js from basic without Vue-CLI",
+  "version": "0.0.1",
+  "license": "MIT",
+  "author": "Irfan Maulana (https://github.com/mazipan/)",
+  "private": false,
+  "scripts": {
+    "build": "node build.js"
+  },
+  "homepage": "https://github.com/mazipan/setup-vue-without-vue-cli/",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/mazipan/setup-vue-without-vue-cli.git"
+  },
+  "bugs": {
+    "url": "https://github.com/mazipan/setup-vue-without-vue-cli/issues"
+  },
+  "dependencies": {
+    "shelljs": "^0.8.2"
+  },
+  "devDependencies": {}
+}

parcel/.eslintrc.js

@@ -1,26 +1,23 @@
 module.exports = {
-  "env": {
-      "browser": true,
-      "commonjs": true,
-      "es6": true,
-      "jest": true
+  env: {
+    browser: true,
+    commonjs: true,
+    es6: true,
+    jest: true
   },
-  "extends": [
-    "eslint:recommended",
-    "plugin:vue/recommended"
-  ],
-  "parserOptions": {
-      "ecmaVersion": 2018,
-      "sourceType": "module"
+  extends: ['eslint:recommended', 'plugin:vue/recommended'],
+  parserOptions: {
+    ecmaVersion: 2018,
+    sourceType: 'module'
   },
-  "rules": {
-      "indent": [ "error", 2 ],
-      "linebreak-style": [ "error", "unix" ],
-      "quotes": [ "error", "single" ],
-      "semi": [ "error", "never" ],
-      "no-console": "off"
+  rules: {
+    indent: ['error', 2],
+    'linebreak-style': ['error', 'unix'],
+    quotes: ['error', 'single'],
+    semi: ['error', 'never'],
+    'no-console': 'off'
   },
-  "overrides": {
-      "files": [ "**/*.js", "**/*.vue" ]
+  overrides: {
+    files: ['**/*.js', '**/*.vue']
   }
-};
+};

parcel/src/index.html renamed to parcel/index.html

@@ -15,6 +15,6 @@
 
     <div id="app"></div>
 
-    <script src="./index.js"></script>
+    <script src="./src/index.js"></script>
   </body>
 </html>

parcel/package.json

@@ -6,8 +6,8 @@
   "author": "Irfan Maulana (https://github.com/mazipan/)",
   "private": false,
   "scripts": {
-    "dev": "cross-env NODE_ENV=development ./node_modules/.bin/parcel",
-    "build": "cross-env NODE_ENV=production ./node_modules/.bin/parcel build",
+    "dev": "cross-env NODE_ENV=development ./node_modules/.bin/parcel index.html",
+    "build": "rimraf dist && cross-env NODE_ENV=production ./node_modules/.bin/parcel build index.html",
     "lint": "./node_modules/.bin/eslint --ext .js,.vue src test/*.js --fix --no-ignore"
   },
   "homepage": "https://github.com/mazipan/setup-vue-without-vue-cli/",
@@ -19,34 +19,23 @@
     "url": "https://github.com/mazipan/setup-vue-without-vue-cli/issues"
   },
   "dependencies": {
-    "vue": "^2.5.17"
+    "vue": "^2.5.17",
+    "vue-hot-reload-api": "^2.3.1"
   },
   "devDependencies": {
-    "@vue/component-compiler-utils": "",
     "@babel/core": "^7.1.2",
     "@babel/preset-env": "^7.1.0",
-    "autoprefixer": "^9.1.5",
+    "@vue/component-compiler-utils": "2.2.0",
     "babel-core": "7.0.0-bridge.0",
     "cross-env": "^5.2.0",
     "css-loader": "^1.0.0",
     "es6-promise": "^4.2.5",
-    "eslint": "^5.6.1",
+    "eslint": "^5.7.0",
     "eslint-plugin-vue": "4.7.1",
-    "file-loader": "^2.0.0",
-    "html-webpack-plugin": "^3.2.0",
-    "mini-css-extract-plugin": "^0.4.3",
-    "node-sass": "^4.9.3",
-    "optimize-css-assets-webpack-plugin": "^5.0.1",
-    "parcel-bundler": "",
-    "parcel-plugin-vue": "",
-    "parcel-plugin-eslint": "",
+    "node-sass": "^4.9.4",
+    "parcel-bundler": "1.10.3",
     "rimraf": "^2.6.2",
     "sass-loader": "^7.1.0",
-    "vue-loader": "^15.4.2",
-    "vue-template-compiler": "^2.5.17",
-    "webpack": "^4.20.2",
-    "webpack-bundle-analyzer": "^3.0.2",
-    "webpack-cli": "^3.1.2",
-    "webpack-dev-server": "^3.1.9"
+    "vue-template-compiler": "^2.5.17"
   }
 }

parcel/src/App.vue

@@ -1,5 +1,6 @@
 <template>
-  <div id="app" class="app">
+  <div id="app" 
+    class="app">
 
     <h1>Welcome to Vue</h1>
     <h2>{{ message }}</h2>
@@ -12,13 +13,13 @@
 
 <script>
 export default {
-  name: 'app',
+  name: 'App',
   data() {
     return {
       message: 'Hello World!!!'
-    };
+    }
   }
-};
+}
 </script>
 
 <style lang="scss">

parcel/src/index.js

@@ -1,12 +1,12 @@
-import Vue from 'vue';
-import App from './App.vue';
+import Vue from 'vue'
+import App from './App.vue'
 
 /* global process */
 if (process.env.NODE_ENV !== 'production') {
-  Vue.config.devtools = true;
+  Vue.config.devtools = true
 }
 
 new Vue({
   el: '#app',
   render: h => h(App)
-});
+})