├── .babelrc ├── .gitignore ├── README.md ├── index.html ├── package.json ├── src ├── App.vue ├── assets │ └── logo.png └── main.js └── webpack.config.js /.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": [ 3 | ["es2015", { "modules": false }] 4 | ] 5 | } 6 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | node_modules/ 3 | dist/ 4 | npm-debug.log 5 | .idea 6 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # mint-ui-starter 2 | 3 | > A starter kit for Mint UI generated by vue-cli 4 | 5 | ## Start 6 | 7 | - Clone or download this repository 8 | - Enter your local directory, and install dependencies: 9 | 10 | ``` bash 11 | npm install 12 | ``` 13 | 14 | ## Develop 15 | 16 | ``` bash 17 | # serve with hot reload at localhost:8080 18 | npm run dev 19 | ``` 20 | 21 | ## Build 22 | 23 | ``` bash 24 | # build for production with minification 25 | npm run build 26 | ``` -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | mint-ui-starter 7 | 8 | 9 |
10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "mint-ui-starter", 3 | "description": "A Vue.js project", 4 | "author": "yi.shyang@ele.me", 5 | "private": true, 6 | "scripts": { 7 | "dev": "cross-env NODE_ENV=development webpack-dev-server --open --inline --hot", 8 | "build": "cross-env NODE_ENV=production webpack --progress --hide-modules" 9 | }, 10 | "dependencies": { 11 | "mint-ui": "^2.0.4", 12 | "vue": "^2.0.1" 13 | }, 14 | "devDependencies": { 15 | "babel-core": "^6.0.0", 16 | "babel-loader": "^6.0.0", 17 | "babel-preset-es2015": "^6.0.0", 18 | "cross-env": "^3.0.0", 19 | "css-loader": "^0.25.0", 20 | "file-loader": "^0.9.0", 21 | "style-loader": "^0.13.1", 22 | "vue-loader": "^9.7.0", 23 | "webpack": "^2.1.0-beta.25", 24 | "webpack-dev-server": "^2.1.0-beta.0" 25 | } 26 | } 27 | -------------------------------------------------------------------------------- /src/App.vue: -------------------------------------------------------------------------------- 1 | 8 | 9 | 24 | 25 | 53 | -------------------------------------------------------------------------------- /src/assets/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mint-ui/mint-ui-starter/3e6cb978409ae59fbc681fa98e768e99ad30ca37/src/assets/logo.png -------------------------------------------------------------------------------- /src/main.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import MintUI from 'mint-ui' 3 | import 'mint-ui/lib/style.css' 4 | import App from './App.vue' 5 | 6 | Vue.use(MintUI) 7 | 8 | new Vue({ 9 | el: '#app', 10 | render: h => h(App) 11 | }) 12 | -------------------------------------------------------------------------------- /webpack.config.js: -------------------------------------------------------------------------------- 1 | var path = require('path') 2 | var webpack = require('webpack') 3 | 4 | module.exports = { 5 | entry: './src/main.js', 6 | output: { 7 | path: path.resolve(__dirname, './dist'), 8 | publicPath: '/dist/', 9 | filename: 'build.js' 10 | }, 11 | module: { 12 | rules: [ 13 | { 14 | test: /\.vue$/, 15 | loader: 'vue-loader', 16 | options: { 17 | // vue-loader options go here 18 | } 19 | }, 20 | { 21 | test: /\.js$/, 22 | loader: 'babel-loader', 23 | exclude: /node_modules/ 24 | }, 25 | { 26 | test: /\.css$/, 27 | loader: 'style-loader!css-loader' 28 | }, 29 | { 30 | test: /\.(eot|svg|ttf|woff|woff2)(\?\S*)?$/, 31 | loader: 'file-loader' 32 | }, 33 | { 34 | test: /\.(png|jpe?g|gif|svg)(\?\S*)?$/, 35 | loader: 'file-loader', 36 | query: { 37 | name: '[name].[ext]?[hash]' 38 | } 39 | } 40 | ] 41 | }, 42 | resolve: { 43 | alias: { 44 | 'vue$': 'vue/dist/vue' 45 | } 46 | }, 47 | devServer: { 48 | historyApiFallback: true, 49 | noInfo: true 50 | }, 51 | devtool: '#eval-source-map' 52 | } 53 | 54 | if (process.env.NODE_ENV === 'production') { 55 | module.exports.devtool = '#source-map' 56 | // http://vue-loader.vuejs.org/en/workflow/production.html 57 | module.exports.plugins = (module.exports.plugins || []).concat([ 58 | new webpack.DefinePlugin({ 59 | 'process.env': { 60 | NODE_ENV: '"production"' 61 | } 62 | }), 63 | new webpack.optimize.UglifyJsPlugin({ 64 | compress: { 65 | warnings: false 66 | } 67 | }), 68 | new webpack.LoaderOptionsPlugin({ 69 | minimize: true 70 | }) 71 | ]) 72 | } 73 | --------------------------------------------------------------------------------