Initial commit

kiaking · kiaking · commit b374bc1823e6 · 2018-01-14T22:06:17.000+09:00
diff --git a/.babelrc b/.babelrc
@@ -0,0 +1,6 @@
+{
+  "presets": [
+    ["env", { "modules": false }],
+    "stage-2"
+  ]
+}
diff --git a/.editorconfig b/.editorconfig
@@ -0,0 +1,12 @@
+root = true
+
+[*]
+end_of_line = lf
+insert_final_newline = true
+trim_trailing_whitespace = true
+indent_style = space
+indent_size = 2
+
+[*.md]
+trim_trailing_whitespace = false
+indent_size = 4
diff --git a/.gitattributes b/.gitattributes
@@ -0,0 +1 @@
+* text=auto
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1 @@
+/node_modules
diff --git a/README.md b/README.md
@@ -0,0 +1,3 @@
+# Vuex ORM Examples
+
+The example application to demonstrate the use case of the [Vuex ORM](https://github.com/revolver-app/vuex-orm).
diff --git a/package.json b/package.json
@@ -0,0 +1,23 @@
+{
+  "private": true,
+  "scripts": {
+    "dev": "node server.js",
+    "build": "NODE_ENV=production webpack"
+  },
+  "devDependencies": {
+    "babel-core": "^6.26.0",
+    "babel-loader": "^7.1.2",
+    "babel-preset-env": "^1.6.1",
+    "babel-preset-stage-2": "^6.24.1",
+    "css-loader": "^0.28.8",
+    "express": "^4.16.2",
+    "vue": "^2.5.13",
+    "vue-loader": "^13.7.0",
+    "vue-template-compiler": "^2.5.13",
+    "vuex": "^3.0.1",
+    "vuex-orm": "^0.15.0",
+    "webpack": "^3.10.0",
+    "webpack-dev-middleware": "^2.0.4",
+    "webpack-hot-middleware": "^2.21.0"
+  }
+}
diff --git a/public/index.html b/public/index.html
@@ -0,0 +1,14 @@
+<!doctype html>
+<html lang="en_US">
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>Vuex ORM – ToDo</title>
+  </head>
+  <body>
+    <div id="app"></div>
+
+    <script src="/js/main.js"></script>
+  </body>
+</html>
diff --git a/server.js b/server.js
@@ -0,0 +1,27 @@
+const path = require('path')
+const express = require('express')
+const webpack = require('webpack')
+const webpackDevMiddleware = require('webpack-dev-middleware')
+const webpackHotMiddleware = require('webpack-hot-middleware')
+const WebpackConfig = require('./webpack.config')
+
+const rootDir = path.join(__dirname, '.')
+
+const app = express()
+const compiler = webpack(WebpackConfig)
+
+app.use(webpackDevMiddleware(compiler, {
+  publicPath: '/js',
+  stats: {
+    colors: true,
+    chunks: false
+  }
+}))
+
+app.use(webpackHotMiddleware(compiler))
+
+app.use(express.static('public'))
+
+module.exports = app.listen(3000, () => {
+  console.log(`Server listening on http://localhost:3000, Ctrl+C to stop`)
+})
diff --git a/src/app.js b/src/app.js
@@ -0,0 +1 @@
+console.log('Hello, world!')
diff --git a/webpack.config.js b/webpack.config.js
@@ -0,0 +1,47 @@
+const path = require('path')
+const webpack = require('webpack')
+
+const rootDir = path.join(__dirname, '.')
+
+const config = {
+  devtool: 'inline-source-map',
+
+  entry: {
+    main: ['webpack-hot-middleware/client', `${rootDir}/src/app.js`]
+  },
+
+  output: {
+    path: `${rootDir}/js`,
+    filename: '[name].js',
+    publicPath: '/public/js/'
+  },
+
+  module: {
+    rules: [
+      { test: /\.js$/, exclude: /node_modules/, loader: 'babel-loader' },
+      { test: /\.vue$/, exclude: /node_modules/, loader: 'vue-loader' }
+    ]
+  },
+
+  plugins: [
+    new webpack.DefinePlugin({
+      'process.env.NODE_ENV': JSON.stringify(process.env.NODE_ENV || 'development')
+    })
+  ]
+}
+
+if (process.env.NODE_ENV === 'production') {
+  config.entry.main.shift()
+  config.output.path = `${rootDir}/public/js`
+
+  config.plugins.push(
+    new webpack.optimize.UglifyJsPlugin({
+      compress: { warnings: false }
+    })
+  )
+} else {
+  config.plugins.push(new webpack.HotModuleReplacementPlugin())
+  config.plugins.push(new webpack.NoEmitOnErrorsPlugin())
+}
+
+module.exports = config
diff --git a/yarn.lock b/yarn.lock

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+# Vuex ORM Examples`
	`2`	`+`
	`3`	`+The example application to demonstrate the use case of the [Vuex ORM](https://github.com/revolver-app/vuex-orm).`