fix: rollup bundle external vue

Author: fireyy

package.json

@@ -16,11 +16,11 @@
     "bump": "standard-version",
     "test": "npm run unit",
     "lint": "eslint --ext .js,.vue ./src ./example --fix",
-    "icon": "node build/build.icon.js",
-    "build": "node build/build.js",
+    "icon": "node scripts/icon.js",
+    "build": "cross-env NODE_ENV=production node scripts/build.js",
     "dev": "webpack-dev-server --hot --inline --config ./example/webpack.config.js",
     "start": "npm run dev",
-    "build:example": "node build/build.example.js",
+    "build:example": "cross-env NODE_ENV=production webpack --config ./example/webpack.config.js",
     "gh": "gh-pages -d example/dist",
     "deploy": "npm run build:example && npm run gh",
     "release": "npm run build && npm run bump && git push --follow-tags origin master && npm publish"
@@ -29,6 +29,7 @@
   "dependencies": {
     "nanoid": "^1.0.1",
     "spectre.css": "^0.5.0",
+    "vue": "^2.5.22",
     "vue-page-designer-widgets": "^0.1.1",
     "vue-server-renderer": "^2.5.17"
   },
@@ -41,6 +42,7 @@
     "chalk": "^2.0.1",
     "clean-webpack-plugin": "^0.1.19",
     "copy-webpack-plugin": "^4.0.1",
+    "cross-env": "^5.2.0",
     "css-loader": "^0.28.0",
     "eslint": "^5.3.0",
     "eslint-config-standard": "^11.0.0",
@@ -64,16 +66,16 @@
     "rollup": "^0.64.1",
     "rollup-plugin-buble": "^0.19.2",
     "rollup-plugin-commonjs": "^9.1.5",
-    "rollup-plugin-css-only": "^0.4.0",
     "rollup-plugin-node-resolve": "^3.0.0",
+    "rollup-plugin-postcss": "^1.6.3",
     "rollup-plugin-replace": "^2.0.0",
     "rollup-plugin-uglify": "^4.0.0",
     "rollup-plugin-vue": "^4.3.2",
     "sass-loader": "^6.0.6",
     "standard-version": "^4.2.0",
     "style-loader": "^0.22.1",
+    "uglify-es": "^3.3.9",
     "util": "^0.11.0",
-    "vue": "^2.5.17",
     "vue-loader": "^15.3.0",
     "vue-template-compiler": "^2.5.17",
     "webpack": "^4.29.0",

scripts/config.js

@@ -1,14 +1,15 @@
 const path = require('path');
 const fs = require('fs');
 const replace = require('rollup-plugin-replace');
-const vue = require('rollup-plugin-vue').default;
+const vue = require('rollup-plugin-vue');
 const resolve = require('rollup-plugin-node-resolve');
-const css = require('rollup-plugin-css-only');
+const postcss = require('rollup-plugin-postcss');
 const buble = require('rollup-plugin-buble');
 const commonjs = require('rollup-plugin-commonjs');
 const filesize = require('filesize');
 const gzipSize = require('gzip-size');
 const { uglify } = require('rollup-plugin-uglify');
+const { minify } = require('uglify-es');
 
 const version = process.env.VERSION || require('../package.json').version;
 
@@ -48,17 +49,23 @@ function genConfig (options) {
   const config = {
     description: '',
     input: {
+      external: ['vue'],
       input: options.input || common.paths.input,
       plugins: [
         commonjs(),
         replace({ __VERSION__: version }),
-        css(),
+        postcss({
+          extract: true
+        }),
         vue({ css: false }),
         resolve(),
-        buble()
+        buble({ exclude: 'node_modules/**' })
       ]
     },
     output: {
+      globals: {
+        'vue': 'Vue'
+      },
       banner: common.banner,
       name: options.name,
       format: options.format,
@@ -73,7 +80,7 @@ function genConfig (options) {
   }
 
   if (options.env === 'production') {
-    config.input.plugins.push(uglify());
+    config.input.plugins.push(uglify({}, minify));
   }
 
   return config;

scripts/icon.js

@@ -0,0 +1,10 @@
+var fs = require('fs')
+var path = require('path')
+var feather = require('feather-icons')
+
+var icons = Object.keys(feather.icons)
+  .map(key => `<symbol viewBox="${feather.icons[key].attrs.viewBox}" width="${feather.icons[key].attrs.width}" height="${feather.icons[key].attrs.height}" id="${key}">${feather.icons[key].toString()}</symbol>`);
+
+fs.writeFileSync(path.resolve(__dirname, '../static/icons.svg'), `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs>${icons.join('')}</defs></svg>`);
+
+console.log(Object.keys(feather.icons).length + ' icon generated.')