From 1dd5600e4adb1b7cc31cc67bf51239aa22279646 Mon Sep 17 00:00:00 2001 From: Mengxiong10 <15623530292@163.com> Date: Sun, 7 May 2017 22:31:22 +0800 Subject: [PATCH 1/2] demo init --- .babelrc | 7 ++ README.md | 18 +++++ index.html | 11 +++ package.json | 29 +++++--- src/App.vue | 37 ++++++++++ .../datepicker/calendar-panel.vue | 0 index.vue => src/datepicker/index.vue | 0 utils.js => src/datepicker/utils.js | 0 src/main.js | 7 ++ webpack.config.js | 71 +++++++++++++++++++ 10 files changed, 171 insertions(+), 9 deletions(-) create mode 100644 .babelrc create mode 100644 README.md create mode 100644 index.html create mode 100644 src/App.vue rename calendar-panel.vue => src/datepicker/calendar-panel.vue (100%) rename index.vue => src/datepicker/index.vue (100%) rename utils.js => src/datepicker/utils.js (100%) create mode 100644 src/main.js create mode 100644 webpack.config.js diff --git a/.babelrc b/.babelrc new file mode 100644 index 0000000..6311841 --- /dev/null +++ b/.babelrc @@ -0,0 +1,7 @@ +{ + "presets": [ + ["latest", { + "es2015": { "modules": false } + }] + ] +} diff --git a/README.md b/README.md new file mode 100644 index 0000000..3377763 --- /dev/null +++ b/README.md @@ -0,0 +1,18 @@ +# vue2-datepicker + +> A Vue.js project + +## Build Setup + +``` bash +# install dependencies +npm install + +# serve with hot reload at localhost:8080 +npm run dev + +# build for production with minification +npm run build +``` + +For detailed explanation on how things work, consult the [docs for vue-loader](http://vuejs.github.io/vue-loader). diff --git a/index.html b/index.html new file mode 100644 index 0000000..99e6be7 --- /dev/null +++ b/index.html @@ -0,0 +1,11 @@ + + + + + vue2-datepicker + + +
+ + + diff --git a/package.json b/package.json index 3529ead..e44acf7 100644 --- a/package.json +++ b/package.json @@ -1,15 +1,26 @@ { "name": "vue2-datepicker", + "description": "A Vue.js project", "version": "1.0.0", - "description": "datepicker for Vue2", - "main": "index.vue", + "author": "Mengxiong10 <15623530292@163.com>", + "private": true, "scripts": { - "test": "echo \"Error: no test specified\" && exit 1" + "dev": "cross-env NODE_ENV=development webpack-dev-server --open --hot", + "build": "cross-env NODE_ENV=production webpack --progress --hide-modules" }, - "keywords": [ - "vue", - "datepicker" - ], - "author": "xmx", - "license": "MIT" + "dependencies": { + "vue": "^2.2.1" + }, + "devDependencies": { + "babel-core": "^6.0.0", + "babel-loader": "^6.0.0", + "babel-preset-latest": "^6.0.0", + "cross-env": "^3.0.0", + "css-loader": "^0.25.0", + "file-loader": "^0.9.0", + "vue-loader": "^11.1.4", + "vue-template-compiler": "^2.2.1", + "webpack": "^2.2.0", + "webpack-dev-server": "^2.2.0" + } } diff --git a/src/App.vue b/src/App.vue new file mode 100644 index 0000000..699c266 --- /dev/null +++ b/src/App.vue @@ -0,0 +1,37 @@ + + + + + diff --git a/calendar-panel.vue b/src/datepicker/calendar-panel.vue similarity index 100% rename from calendar-panel.vue rename to src/datepicker/calendar-panel.vue diff --git a/index.vue b/src/datepicker/index.vue similarity index 100% rename from index.vue rename to src/datepicker/index.vue diff --git a/utils.js b/src/datepicker/utils.js similarity index 100% rename from utils.js rename to src/datepicker/utils.js diff --git a/src/main.js b/src/main.js new file mode 100644 index 0000000..385fcfe --- /dev/null +++ b/src/main.js @@ -0,0 +1,7 @@ +import Vue from 'vue' +import App from './App.vue' + +new Vue({ + el: '#app', + render: h => h(App) +}) diff --git a/webpack.config.js b/webpack.config.js new file mode 100644 index 0000000..8da0ece --- /dev/null +++ b/webpack.config.js @@ -0,0 +1,71 @@ +var path = require('path') +var webpack = require('webpack') + +module.exports = { + entry: './src/main.js', + output: { + path: path.resolve(__dirname, './dist'), + publicPath: '/dist/', + filename: 'build.js' + }, + module: { + rules: [ + { + test: /\.vue$/, + loader: 'vue-loader', + options: { + loaders: { + } + // other vue-loader options go here + } + }, + { + test: /\.js$/, + loader: 'babel-loader', + exclude: /node_modules/ + }, + { + test: /\.(png|jpg|gif|svg)$/, + loader: 'file-loader', + options: { + name: '[name].[ext]?[hash]' + } + } + ] + }, + resolve: { + alias: { + // 'vue$': 'vue/dist/vue.esm.js' + } + }, + devServer: { + historyApiFallback: true, + noInfo: true, + port:9000 + }, + performance: { + hints: false + }, + devtool: '#eval-source-map' +} + +if (process.env.NODE_ENV === 'production') { + module.exports.devtool = '#source-map' + // http://vue-loader.vuejs.org/en/workflow/production.html + module.exports.plugins = (module.exports.plugins || []).concat([ + new webpack.DefinePlugin({ + 'process.env': { + NODE_ENV: '"production"' + } + }), + new webpack.optimize.UglifyJsPlugin({ + sourceMap: true, + compress: { + warnings: false + } + }), + new webpack.LoaderOptionsPlugin({ + minimize: true + }) + ]) +} From bfbb3e6e496efcebe65b48cf93e02b83b60bdc66 Mon Sep 17 00:00:00 2001 From: Mengxiong10 <15623530292@163.com> Date: Mon, 8 May 2017 22:43:29 +0800 Subject: [PATCH 2/2] fix --- src/App.vue | 2 +- src/datepicker/calendar-panel.vue | 96 +++++++++++++++---------------- src/datepicker/index.vue | 33 ++++++++--- src/datepicker/utils.js | 22 ------- 4 files changed, 74 insertions(+), 79 deletions(-) delete mode 100644 src/datepicker/utils.js diff --git a/src/App.vue b/src/App.vue index 699c266..6146f61 100644 --- a/src/App.vue +++ b/src/App.vue @@ -19,7 +19,7 @@ export default { components:{ DatePicker }, data () { return { - value1:'', + value1:'2015-10-10', value2:'', } } diff --git a/src/datepicker/calendar-panel.vue b/src/datepicker/calendar-panel.vue index c5b433c..12a6755 100644 --- a/src/datepicker/calendar-panel.vue +++ b/src/datepicker/calendar-panel.vue @@ -29,8 +29,6 @@