first commit

Author: savoygu

.babelrc

@@ -0,0 +1,5 @@
+{
+ "presets": [
+ ["env", { "modules": false }]
+ ]
+}

.gitignore

@@ -0,0 +1,3 @@
+.DS_Store
+node_modules
+.idea

LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2017 
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

README.md

@@ -0,0 +1,22 @@
+# grid
+
+> Based-vue grid system component
+
+## Build Setup
+
+``` bash
+# install dependencies
+npm install
+
+# serve with hot reload at localhost:8080
+npm run demo:dev
+
+# build for demo with minification
+npm run demo:build
+
+# build for gh-pages with minification
+npm run demo:prepublish
+
+# build for production with minification
+npm run build
+```

build/gh-pages.sh

@@ -0,0 +1,2 @@
+#!/usr/bin/env bash
+git subtree push --prefix=../gh-pages origin gh-pages

build/webpack.config.js

@@ -0,0 +1,72 @@
+var path = require('path')
+var webpack = require('webpack')
+var ExtractTextPlugin = require('extract-text-webpack-plugin')
+
+module.exports = {
+ entry: './src/index.js',
+ output: {
+ path: path.resolve(__dirname, '..', './lib'),
+ filename: 'grid.js',
+ library: 'grid',
+ libraryTarget: 'umd'
+ },
+ externals: {
+ vue: {
+ root: 'Vue',
+ commonjs: 'vue',
+ commonjs2: 'vue',
+ amd: 'vue'
+ }
+ },
+ module: {
+ rules: [
+ {
+ test: /\.vue$/,
+ loader: 'vue-loader',
+ options: {
+ loaders: {
+ css: ExtractTextPlugin.extract({
+ use: 'css-loader',
+ fallback: 'vue-style-loader'
+ })
+ }
+ // other vue-loader options go here
+ }
+ },
+ {
+ test: /\.css$/,
+ loader: ExtractTextPlugin.extract({
+ use: "css-loader",
+ fallback: "style-loader"
+ })
+ },
+ {
+ test: /\.js$/,
+ loader: 'babel-loader',
+ exclude: /node_modules/
+ },
+ {
+ test: /\.(png|jpg|gif|svg)$/,
+ loader: 'file-loader',
+ options: {
+ name: '[name].[ext]?[hash]'
+ }
+ }
+ ]
+ },
+ resolve: {
+ extensions: ['.js', '.vue', '.json']
+ },
+ plugins: [
+ new webpack.optimize.UglifyJsPlugin({
+ sourceMap: true,
+ compress: {
+ warnings: false
+ }
+ }),
+ new ExtractTextPlugin({
+ filename: '../lib/grid.css',
+ allChunks: true
+ })
+ ]
+}

build/webpack.example.base.conf.js

@@ -0,0 +1,51 @@
+var path = require('path')
+var ExtractTextPlugin = require('extract-text-webpack-plugin')
+var isProduction = process.env.NODE_ENV === 'production'
+
+module.exports = {
+ entry: {
+ app: './example/src/main.js'
+ },
+ output: {
+ path: '/example',
+ filename: '[name].js',
+ publicPath: '/'
+ },
+ module: {
+ rules: [
+ {
+ test: /\.vue$/,
+ loader: 'vue-loader',
+ options: {
+ // other vue-loader options go here
+ loaders: {
+ css: isProduction ? ExtractTextPlugin.extract({
+ use: 'css-loader',
+ fallback: 'vue-style-loader'
+ }) : 'vue-style-loader!css-loader'
+ }
+ }
+ },
+ {
+ test: /\.js$/,
+ loader: 'babel-loader',
+ exclude: /node_modules/
+ },
+ {
+ test: /\.(png|jpg|gif|svg)$/,
+ loader: 'file-loader',
+ options: {
+ name: '[name].[ext]?[hash]'
+ }
+ },
+ {
+ test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
+ loader: 'url-loader',
+ query: {
+ limit: 10000,
+ name: path.posix.join('static', 'fonts/[name].[hash:7].[ext]')
+ }
+ }
+ ]
+ }
+}

build/webpack.example.dev.conf.js

@@ -0,0 +1,32 @@
+var webpack = require('webpack')
+var merge = require('webpack-merge')
+var baseWebpackConfig = require('./webpack.example.base.conf')
+var HtmlWebpackPlugin = require('html-webpack-plugin')
+var FriendlyErrorsPlugin = require('friendly-errors-webpack-plugin')
+
+module.exports = merge(baseWebpackConfig, {
+ module: {
+ rules: [
+ {
+ test: /\.css$/,
+ loader: 'vue-style-loader!css-loader'
+ }
+ ]
+ },
+ // cheap-module-eval-source-map is faster for development
+ devtool: '#cheap-module-eval-source-map',
+ plugins: [
+ new webpack.DefinePlugin({
+ 'process.env': {
+ NODE_ENV: '"development"'
+ }
+ }),
+ new webpack.NoEmitOnErrorsPlugin(),
+ new HtmlWebpackPlugin({
+ filename: 'index.html',
+ template: 'example/index.html',
+ inject: true
+ }),
+ new FriendlyErrorsPlugin()
+ ]
+})

build/webpack.example.prod.conf.js

@@ -0,0 +1,58 @@
+var path = require('path')
+var webpack = require('webpack')
+var merge = require('webpack-merge')
+var baseWebpackConfig = require('./webpack.example.base.conf')
+var HtmlWebpackPlugin = require('html-webpack-plugin')
+var ExtractTextPlugin = require('extract-text-webpack-plugin')
+var isProduction = process.env.NODE_ENV === 'production'
+
+module.exports = merge(baseWebpackConfig, {
+ module: {
+ rules: [
+ {
+ test: /\.css$/,
+ loader: ExtractTextPlugin.extract({
+ use: "css-loader",
+ fallback: "style-loader"
+ })
+ }
+ ]
+ },
+ devtool: '#source-map',
+ output: {
+ path: path.resolve(__dirname, '..', `${isProduction ? './example/dist' : './gh-pages'}`),
+ publicPath: isProduction ? '/' : '/grid',
+ filename: 'js/[name].[chunkhash].js'
+ },
+ plugins: [
+ new webpack.DefinePlugin({
+ 'process.env': {
+ NODE_ENV: '"production"'
+ }
+ }),
+ new webpack.optimize.UglifyJsPlugin({
+ sourceMap: true,
+ compress: {
+ warnings: false
+ }
+ }),
+ new ExtractTextPlugin({
+ filename: 'css/[name].[contenthash].css',
+ allChunks: true
+ }),
+ new HtmlWebpackPlugin({
+ filename: 'index.html',
+ template: 'example/index.html',
+ inject: true,
+ minify: {
+ removeComments: true,
+ collapseWhitespace: true,
+ removeAttributeQuotes: true
+ // more options:
+ // https://github.com/kangax/html-minifier#options-quick-reference
+ },
+ // necessary to consistently work with multiple chunks via CommonsChunkPlugin
+ chunksSortMode: 'dependency'
+ })
+ ]
+})

example/index.html

@@ -0,0 +1,27 @@
+<!Doctype html>
+<html lang="en">
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport"
+ content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>grid</title>
+ <link rel="stylesheet" href="normalize.css">
+ <style>
+ body {
+ font-family: Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,\\5FAE\8F6F\96C5\9ED1,Arial,sans-serif;
+ font-size: 12px;
+ line-height: 1.5;
+ margin: 0;
+ color: #495060;
+ background-color: #fff;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+ }
+ </style>
+</head>
+<body>
+<div id="app"></div>
+<!-- built files will be auto injected -->
+</body>
+</html>