update readme.md

anthinkingcoder · anthinkingcoder · commit 6809a4e73edf · 2018-07-26T11:19:45.000+08:00
diff --git a/README.md b/README.md
@@ -98,6 +98,10 @@ can excute this command -> npm build:extracss, to extracss.
       <Col :xs="{ span: 11, offset: 1 }" :lg="{ span: 6, offset: 2 }" class="demo-col">Response-Col</Col>
       <Col :xs="{ span: 5, offset: 1 }" :lg="{ span: 6, offset: 2 }" class="demo-col">Response-Col</Col>
     </Row>
+    <Row type="flex">
+      <Col :xs="{ span: 8,order:1 }" :sm="{ span: 8,order:1 }" :md="{ span: 8,order:2 }" :lg="{ span: 8,order:2 }" class="demo-col">response-order-1</Col>
+      <Col :xs="{ span: 8,order:2 }" :sm="{ span: 8,order:2 }" :md="{ span: 8,order:1 }" :lg="{ span: 8,order:1 }" class="demo-col">Response-order-2</Col>
+    </Row>
     <br>
     <Row  type="flex" justify="space-between">
       <Col :span="4" class="demo-col">
diff --git a/build/util.js b/build/util.js
@@ -0,0 +1,12 @@
+const path = require('path')
+function resolve (dir) {
+  return path.join(__dirname, '..', dir)
+}
+function assetsPath (_path) {
+  return path.posix.join('static', _path)
+}
+
+module.exports = {
+  resolve,
+  assetsPath
+}
diff --git a/build/webpack.base.config.js b/build/webpack.base.config.js
@@ -1,13 +1,9 @@
-var path = require('path')
-var webpack = require('webpack')
+const webpack = require('webpack')
 const VueLoaderPlugin = require('vue-loader/lib/plugin')
-function resolve (dir) {
-  return path.join(__dirname, '..', dir)
-}
-function assetsPath (_path) {
-  return path.posix.join('static', _path)
-}
-
+const UglifyJsPlugin = require('uglifyjs-webpack-plugin')
+const util = require('./util')
+const resolve = util.resolve
+const assetsPath = util.assetsPath
 module.exports = {
   mode: 'production',
   entry: {
@@ -68,10 +64,9 @@ module.exports = {
   },
   plugins: [
     new VueLoaderPlugin(),
-    new webpack.DefinePlugin({
-      'precess.env': {
-        NODE_ENV: '"production"'
-      }
+    new UglifyJsPlugin({
+      parallel: true,
+      sourceMap: true,
     }),
     new webpack.optimize.OccurrenceOrderPlugin(),
   ]
diff --git a/build/webpack.extracss.config.js b/build/webpack.extracss.config.js
@@ -1,8 +1,18 @@
 const merge = require('webpack-merge')
 const MiniCssExtractPlugin = require("mini-css-extract-plugin");
 const webpackBaseConfig = require('./webpack.base.config.js')
-
+const util = require('./util')
+const resolve = util.resolve
+const assetsPath = util.assetsPath
 module.exports = merge(webpackBaseConfig, {
+  output: {
+    path: resolve('/dist'),
+    publicPath: "/dist/",
+    filename: 'simple-grid.js',
+    library: "simple-grid",
+    libraryTarget: "umd",
+    umdNamedDefine: true
+  },
   module: {
     rules: [
       {
diff --git a/build/webpack.no.extracss.config.js b/build/webpack.no.extracss.config.js
@@ -2,9 +2,18 @@ const path = require('path');
 const webpack = require('webpack');
 const merge = require('webpack-merge');
 const webpackBaseConfig = require('./webpack.base.config.js');
-
+const util = require('./util');
+const resolve = util.resolve;
 
 module.exports = merge(webpackBaseConfig, {
+  output: {
+    path: resolve('/dist'),
+    publicPath: "/dist/",
+    filename: 'simple-grid.noextra.js',
+    library: "simple-grid",
+    libraryTarget: "umd",
+    umdNamedDefine: true
+  },
   module: {
     rules: [
       {
diff --git a/src/components/index.js b/src/components/index.js
@@ -1,5 +1,5 @@
 import Col from './col.vue'
 import Row from './row.vue'
-// import '../styles/grid.scss'
+import '../styles/grid.scss'
 export {Col, Row};
 
