rea: Support Tree Shaking

Author: ckvv

.browserslistrc

@@ -0,0 +1,4 @@
+dist/
+libs/
+website/
+node_modules/

.eslintignore

@@ -0,0 +1,28 @@
+module.exports = {
+  root: true,
+  env: {
+    node: true,
+  },
+  extends: [
+    'plugin:vue/vue3-essential',
+    '@vue/airbnb',
+  ],
+  parserOptions: {
+  },
+  rules: {
+    'consistent-return': 0,
+    'vue/no-side-effects-in-computed-properties': 0,
+    'no-restricted-globals': 0,
+    'no-unused-vars': 0,
+    'no-plusplus': 0,
+    'no-multi-assign': 0,
+    'no-use-before-define': 0,
+    'no-underscore-dangle': 0,
+    'no-mixed-operators': 0,
+    'no-unused-expressions': 0,
+    'max-len': 0,
+    'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
+    'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
+    'import/no-extraneous-dependencies': 0,
+  },
+};

.eslintrc.js

@@ -1,5 +1,5 @@
-node_modules
-coverage
-lib
-dist
-docs
+node_modules/
+dist/
+libs/
+website/
+

.gitignore

@@ -0,0 +1 @@
+_

.husky/.gitignore

@@ -0,0 +1,4 @@
+#!/bin/sh
+. "$(dirname "$0")/_/husky.sh"
+
+npx --no-install commitlint --edit "$1"

.husky/commit-msg

@@ -0,0 +1,4 @@
+# [1.0.0] - 2021-08-26
+
+## Feature
+Now we can import on Demand (Tree Shaking)

CHANGELOG.md

@@ -43,6 +43,8 @@ new Vue({
   },
 });
 ```
+
+## [CHANGELOG](/CHANGELOG.md)
 ## License
 
 vue-color is licensed under [The MIT License](LICENSE).

README.md

@@ -0,0 +1,72 @@
+import path from 'path';
+
+import resolve from '@rollup/plugin-node-resolve';
+import alias from '@rollup/plugin-alias';
+import vue from 'rollup-plugin-vue';
+import { terser } from 'rollup-plugin-terser';
+import postcss from 'rollup-plugin-postcss';
+import commonjs from '@rollup/plugin-commonjs';
+
+import prefixer from 'postcss-prefixer';
+
+import { name, cssPrefix } from '../src/defaultConfig';
+
+const projectRoot = path.resolve(__dirname, '../src');
+const globals = {
+  // Provide global variable names to replace your external imports, eg. jquery: '$'
+  vue: 'Vue',
+};
+
+const postcssPlugin = (options = {}) => {
+  const minimize = options.minimize !== false;
+  const exclude = options.exclude || /node_modules/;
+  const include = options.include || /(?<!&module=.*)\.css$/;
+  return postcss({
+    minimize,
+    plugins: [prefixer({
+      prefix: cssPrefix,
+    })],
+    exclude,
+    include,
+    extract: options.extract,
+  });
+};
+
+const plugins = {
+  alias: alias({
+    entries: [
+      {
+        find: '@',
+        replacement: projectRoot,
+      },
+    ],
+  }),
+  resolve: resolve(),
+  terser: terser(),
+  vue: vue({
+    include: /\.vue$/,
+    target: 'browser',
+    css: false,
+    exposeFilename: false,
+    preprocessStyles: false,
+    cssModulesOptions: {
+      generateScopedName: '[local]___[hash:base64:5]',
+    },
+  }),
+  postcss: postcssPlugin,
+  commonjs: commonjs(),
+};
+
+const output = {
+  name,
+  globals,
+};
+
+const external = ['vue'];
+
+export {
+  projectRoot,
+  plugins,
+  output,
+  external,
+};