workflow-editor 0.9.85-dw → 0.9.85-dw-tmp1

package/.babelrc

@@ -0,0 +1,40 @@
+{
+  "presets": [
+    [
+      "@babel/preset-env",
+      {
+        "loose": false,
+        "modules": "commonjs",
+        "spec": true,
+        "useBuiltIns": "usage",
+        "corejs": "2.6.9"
+      }
+    ]
+  ],
+  "plugins": [
+    "@babel/plugin-transform-runtime",
+    ["component", {
+      "libraryName": "workflow-editor",
+      "libDir": "lib",
+      "styleLibrary": {
+          "name": "styles",
+          "base": false, // no base.css file
+          "path": "[module].css"
+      }
+  }]
+  ]
+}
+
+// {
+//   "plugins": [
+//       ["component", {
+//           "libraryName": "imatrix-ui",
+//           "libDir": "lib",
+//           "styleLibrary": {
+//               "name": "styles",
+//               "base": false, // no base.css file
+//               "path": "[module].css"
+//           }
+//       }]
+//   ]
+// }

package/build/components.json

@@ -0,0 +1,3 @@
+{
+  "workflow-editor": "packages/workflow-editor/index.js"
+}

package/build/gen-style.js

@@ -0,0 +1,32 @@
+const gulp = require('gulp');
+const cleanCSS = require('gulp-clean-css');
+const sass = require('gulp-sass');
+const rename = require('gulp-rename');
+const autoprefixer = require('gulp-autoprefixer');
+const components = require('./components.json')
+
+function buildCss(cb) {
+  gulp.src('../src/styles/index.scss')
+    .pipe(sass())
+    .pipe(autoprefixer())
+    .pipe(cleanCSS())
+    .pipe(rename('lime-ui.css'))
+    .pipe(gulp.dest('../lib/styles'));
+  cb()
+}
+
+
+function buildSeperateCss(cb) {
+  Object.keys(components).forEach(compName => {
+    gulp.src(`../src/styles/${compName}.scss`)
+      .pipe(sass())
+      .pipe(autoprefixer())
+      .pipe(cleanCSS())
+      .pipe(rename(`${compName}.css`))
+      .pipe(gulp.dest('../lib/styles'));
+  })
+
+  cb()
+}
+
+exports.default = gulp.series(buildCss, buildSeperateCss) // 加上 buildSeperateCss

package/build/webpack.base.js

@@ -0,0 +1,140 @@
+const path = require('path');
+const webpack = require('webpack');
+const pkg = require('../package.json');
+const VueLoaderPlugin = require('vue-loader/lib/plugin')
+
+function resolve(dir) {
+  return path.join(__dirname, '..', dir);
+}
+
+module.exports = {
+  module: {
+    rules: [
+      {
+        test: /\.vue$/,
+        loader: 'vue-loader',
+        options: {
+          loaders: {
+            css: [
+              'vue-style-loader',
+              {
+                loader: 'css-loader',
+                options: {
+                  sourceMap: true,
+                },
+              },
+            ],
+            less: [
+              'vue-style-loader',
+              {
+                loader: 'css-loader',
+                options: {
+                  sourceMap: true,
+                },
+              },
+              {
+                loader: 'less-loader',
+                options: {
+                  sourceMap: true,
+                },
+              },
+            ],
+          },
+          postLoaders: {
+            html: 'babel-loader?sourceMap'
+          },
+          sourceMap: true,
+        }
+      },
+      {
+        test: /\.js$/,
+        loader: 'babel-loader',
+        options: {
+          sourceMap: true,
+        },
+        exclude: /node_modules/,
+      },
+      {
+        test: /\.css$/,
+        loaders: [
+          {
+            loader: 'style-loader',
+            options: {
+              sourceMap: true,
+            },
+          },
+          {
+            loader: 'css-loader',
+            options: {
+              sourceMap: true,
+            },
+          }
+        ]
+      },
+      {
+        test: /\.less$/,
+        loaders: [
+          {
+            loader: 'style-loader',
+            options: {
+              sourceMap: true,
+            },
+          },
+          {
+            loader: 'css-loader',
+            options: {
+              sourceMap: true,
+            },
+          },
+          {
+            loader: 'less-loader',
+            options: {
+              sourceMap: true,
+            },
+          },
+        ]
+      },
+      {
+        test: /\.scss$/,
+        loaders: [
+          {
+            loader: 'style-loader',
+            options: {
+              sourceMap: true,
+            },
+          },
+          {
+            loader: 'css-loader',
+            options: {
+              sourceMap: true,
+            },
+          },
+          {
+            loader: 'sass-loader',
+            options: {
+              sourceMap: true,
+            },
+          },
+        ]
+      },
+      {
+        test: /\.(gif|jpg|png|woff|svg|eot|ttf)\??.*$/,
+        loader: 'url-loader?limit=8192'
+      }
+    ]
+  },
+  resolve: {
+    extensions: ['.js', '.vue'],
+    alias: {
+      'vue': 'vue/dist/vue.esm.js',
+      '@': resolve('src')
+    }
+  },
+  plugins: [
+    new webpack.optimize.ModuleConcatenationPlugin(),
+    new webpack.DefinePlugin({
+      'process.env.VERSION': `'${pkg.version}'`
+    }),
+    new VueLoaderPlugin()
+  ]
+}

package/build/webpack.component.js

@@ -0,0 +1,40 @@
+const path = require('path');
+const webpack = require('webpack');
+const merge = require('webpack-merge');
+const webpackBaseConfig = require('./webpack.base.js');
+const components = require('./components.json')
+process.env.NODE_ENV = 'production';
+
+const basePath = path.resolve(__dirname, '../')
+let entries = {}
+Object.keys(components).forEach(key => {
+  entries[key] = path.join(basePath, '.', components[key])
+})
+
+module.exports = merge(webpackBaseConfig, {
+  devtool: 'source-map',
+  mode: "production",
+  entry: entries,
+  output: {
+    path: path.resolve(__dirname, '../lib'),
+    publicPath: '/lib/',
+    filename: '[name].js',
+    chunkFilename: '[id].js',
+    // library: 'lime-ui',
+    libraryTarget: 'umd',
+    umdNamedDefine: true
+  },
+  externals: {
+    vue: {
+      root: 'Vue',
+      commonjs: 'vue',
+      commonjs2: 'vue',
+      amd: 'vue'
+    }
+  },
+  plugins: [
+    new webpack.DefinePlugin({
+      'process.env.NODE_ENV': '"production"'
+    })
+  ]
+});

package/build/webpack.prod.js

@@ -0,0 +1,35 @@
+const path = require('path');
+const webpack = require('webpack');
+const merge = require('webpack-merge');
+const webpackBaseConfig = require('./webpack.base.js');
+
+process.env.NODE_ENV = 'production';
+
+module.exports = merge(webpackBaseConfig, {
+  devtool: 'source-map',
+  mode: "production",
+  entry: {
+    main: path.resolve(__dirname, '../src/index.js')  // 将src下的index.js 作为入口点
+  },
+  output: {
+    path: path.resolve(__dirname, '../lib'),
+    publicPath: '/lib/',
+    filename: 'workflow-editor.min.js',  // 改成自己的类库名
+    library: 'workflow-editor', // 类库导出
+    libraryTarget: 'umd',
+    umdNamedDefine: true
+  },
+  externals: { // 外部化对vue的依赖
+    vue: {
+      root: 'Vue',
+      commonjs: 'vue',
+      commonjs2: 'vue',
+      amd: 'vue'
+    }
+  },
+  plugins: [
+    new webpack.DefinePlugin({
+      'process.env.NODE_ENV': '"production"'
+    })
+  ]
+})