|
- {{ file.name }}
+
- {{ file.name }}
+
|
- + | diff --git a/github-file-explorer/src/components/Github.vue b/github-file-explorer/src/components/Github.vue index 06f9a42..df7bf28 100644 --- a/github-file-explorer/src/components/Github.vue +++ b/github-file-explorer/src/components/Github.vue @@ -3,7 +3,7 @@ export default { name: 'Github', - data: function() { + data () { return { fullRepoName: '', username: '', diff --git a/github-file-explorer/src/main.js b/github-file-explorer/src/main.js index 32c2bd6..92796ab 100644 --- a/github-file-explorer/src/main.js +++ b/github-file-explorer/src/main.js @@ -5,6 +5,6 @@ import App from './App.vue' Vue.use(VueResource) new Vue({ - el: 'body', - components: { App } + el: '#app', + render: h => h(App) }) diff --git a/github-file-explorer/webpack.config.js b/github-file-explorer/webpack.config.js index ce4ebe1..bd1b42d 100644 --- a/github-file-explorer/webpack.config.js +++ b/github-file-explorer/webpack.config.js @@ -8,48 +8,49 @@ module.exports = { publicPath: '/dist/', filename: 'build.js' }, - resolveLoader: { - root: path.join(__dirname, 'node_modules'), - }, module: { - loaders: [ + rules: [ { test: /\.vue$/, - loader: 'vue' + loader: 'vue-loader', + options: { + loaders: { + } + // other vue-loader options go here + } }, { test: /\.js$/, - loader: 'babel', + loader: 'babel-loader', exclude: /node_modules/ }, - { - test: /\.json$/, - loader: 'json' - }, - { - test: /\.html$/, - loader: 'vue-html' - }, { test: /\.(png|jpg|gif|svg)$/, - loader: 'url', - query: { - limit: 10000, + loader: 'file-loader', + options: { name: '[name].[ext]?[hash]' } } ] }, + resolve: { + alias: { + 'vue$': 'vue/dist/vue.esm.js' + } + }, devServer: { historyApiFallback: true, noInfo: true }, + performance: { + hints: false + }, devtool: '#eval-source-map' } if (process.env.NODE_ENV === 'production') { module.exports.devtool = '#source-map' - // http://vuejs.github.io/vue-loader/workflow/production.html + // http://vue-loader.vuejs.org/en/workflow/production.html module.exports.plugins = (module.exports.plugins || []).concat([ new webpack.DefinePlugin({ 'process.env': { @@ -57,10 +58,13 @@ if (process.env.NODE_ENV === 'production') { } }), new webpack.optimize.UglifyJsPlugin({ + sourceMap: true, compress: { warnings: false } }), - new webpack.optimize.OccurenceOrderPlugin() + new webpack.LoaderOptionsPlugin({ + minimize: true + }) ]) } diff --git a/package.json b/package.json index 0938682..523afc2 100644 --- a/package.json +++ b/package.json @@ -10,30 +10,27 @@ "build": "cross-env NODE_ENV=production webpack --progress --hide-modules" }, "dependencies": { - "babel-runtime": "^6.0.0", - "mongoose": "^4.5.7", - "vue": "^1.0.0", - "vue-resource": "^0.7.4", - "vue-router": "^0.7.13", - "vuex": "^0.6.3", - "vux": "^0.1.3" + "vue": "^2.2.1", + "vue-resource": "^1.3.1", + "vue-router": "^2.5.2", + "vuex": "^2.3.1" }, "devDependencies": { "babel-core": "^6.0.0", "babel-loader": "^6.0.0", "babel-plugin-transform-runtime": "^6.0.0", - "babel-preset-es2015": "^6.0.0", - "babel-preset-stage-2": "^6.0.0", - "cross-env": "^1.0.6", - "css-loader": "^0.23.0", - "file-loader": "^0.8.4", + "babel-preset-latest": "^6.0.0", + "babel-runtime": "^6.0.0", + "cross-env": "^3.0.0", + "css-loader": "^0.25.0", + "file-loader": "^0.9.0", "json-loader": "^0.5.4", "url-loader": "^0.5.7", "vue-hot-reload-api": "^1.2.0", - "vue-html-loader": "^1.0.0", - "vue-loader": "^8.2.1", + "vue-loader": "^11.1.4", "vue-style-loader": "^1.0.0", - "webpack": "^1.12.2", - "webpack-dev-server": "^1.12.0" + "vue-template-compiler": "^2.2.6", + "webpack": "^2.2.0", + "webpack-dev-server": "^2.2.0" } }