chore: structuring project

koumoul-dev · Dec 1, 2016 · 9b1d911 · 9b1d911
1 parent 958e637
commit 9b1d911
Show file tree

Hide file tree

Showing 9 changed files with 220 additions and 8 deletions.
diff --git a/.babelrc b/.babelrc
@@ -0,0 +1,5 @@
+{
+  "presets": ["es2015", "stage-2"],
+  "plugins": ["transform-runtime"],
+  "comments": false
+}
diff --git a/.eslintignore b/.eslintignore
@@ -0,0 +1 @@
+
diff --git a/.eslintrc.js b/.eslintrc.js
@@ -0,0 +1,27 @@
+module.exports = {
+  root: true,
+  parser: 'babel-eslint',
+  parserOptions: {
+    sourceType: 'module'
+  },
+  // https://github.com/feross/standard/blob/master/RULES.md#javascript-standard-style
+  extends: 'standard',
+  // required to lint *.vue files
+  plugins: [
+    'html'
+  ],
+  // add your custom rules here
+  'rules': {
+    // allow paren-less arrow functions
+    'arrow-parens': 0,
+    // allow async-await
+    'generator-star-spacing': 0,
+    // allow debugger during development
+    'no-debugger': process.env.NODE_ENV === 'production' ? 2 : 0,
+    // This rule is required because atom vue-format package remove the space
+    'space-before-function-paren': 0
+  },
+  globals:{
+    localStorage: true
+  }
+}
diff --git a/OpenAPI.vue b/OpenAPI.vue
@@ -1,11 +1,11 @@
 <template>
 <div>
-  Component here
+    Component here
 </div>
 </template>
 
 <script>
 export default {
-  name: 'home'
+    name: 'openapi'
 }
 </script>
diff --git a/app.js b/app.js
@@ -0,0 +1,18 @@
+import Vue from 'vue'
+import VueMaterial from 'vue-material'
+import openapi from './OpenAPI.vue'
+import 'vue-material/dist/vue-material.css'
+
+Vue.use(VueMaterial)
+Vue.material.theme.register('default', {
+  primary: 'cyan',
+  accent: 'pink'
+})
+
+new Vue({
+  el: '#app',
+  template: '<openapi></openapi>',
+  components: {
+    openapi
+  }
+})
diff --git a/bundle.js b/bundle.js
diff --git a/index.html b/index.html
@@ -7,17 +7,16 @@
   <title>Koumoul</title>
   <meta name="description" content="">
   <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-  <link rel="icon" href="/favicon.ico?v=4" />
 
   <!-- Use webpack css loader or we don't care ? -->
   <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700">
   <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
 </head>
 
-<body ng-app="app">
-  <div id="app"></div>
-  <script src="./node_modules/vue/dist/vue.js"></script>
-
+<body>
+  <div id="app">
+  </div>
+  <script src="./bundle.js"></script>
 </body>
 
 </html>
diff --git a/package.json b/package.json
@@ -2,8 +2,9 @@
   "name": "vue-openapi",
   "version": "0.0.0",
   "description": "",
-  "main": "index.js",
+  "main": "OpenAPI.vue.js",
   "scripts": {
+    "dev": "NODE_ENV=development webpack --watch",
     "test": "echo \"Error: no test specified\" && exit 1"
   },
   "author": "",

diff --git a/webpack.config.js b/webpack.config.js
@@ -0,0 +1,51 @@
+var webpack = require('webpack')
+
+module.exports = {
+  entry: './app.js',
+  output: {
+    filename: 'bundle.js',
+    path: './',
+    publicPath: '/',
+    chunkFilename: '[id].[hash].app.js'
+  },
+  module: {
+    loaders: [{
+      test: /\.vue$/,
+      loader: 'vue'
+    }, {
+      test: /\.js$/,
+      exclude: /(node_modules|bower_components)/,
+      loader: 'babel-loader',
+      query: {
+        presets: ['es2015']
+      }
+    }, {
+      test: /\.css$/,
+      loader: process.env.NODE_ENV !== 'development' ? 'style!css?minimize' : 'style!css?-minimize'
+    }, {
+      test: /\.less$/,
+      loader: process.env.NODE_ENV !== 'development' ? 'style!css?minimize!less' : 'style!css?-minimize!less'
+    }, {
+      test: /\.svg$/,
+      exclude: /assets\/.*$/,
+      loader: 'svg-url-loader'
+    }, {
+      test: /assets\/.*$/,
+      loader: 'file?name=assets/[name].svg'
+    }, {
+      test: [/flags\/(1x1|4x3)\/.*\.svg$/, /moment\/locale\/(?!fr)/],
+      exclude: /flags\/(1x1|4x3)\/(gb|fr)\.svg$/,
+      loader: 'ignore-loader'
+    }]
+  },
+  resolve: {
+    alias: {
+      'vue$': 'vue/dist/vue.common.js'
+    }
+  },
+  devtool: process.env.NODE_ENV !== 'development' ? 'source-map' : 'eval',
+  plugins: process.env.NODE_ENV !== 'development' ? [
+    new webpack.optimize.UglifyJsPlugin(),
+    new webpack.optimize.DedupePlugin()
+  ] : []
+}