Merge pull request #8 from webzlodimir/new-build-system

Full rework build system

Author: vaban-ru

.babelrc

@@ -0,0 +1,5 @@
+last 2 versions
+> 2%
+ie > 10
+current node
+

.browserslistrc

@@ -0,0 +1,5 @@
+const devPresets = ['@vue/babel-preset-app'];
+const buildPresets = ['@babel/preset-env'];
+module.exports = {
+  presets: (process.env.NODE_ENV === 'development' ? devPresets : buildPresets),
+};

.eslintrc.js

@@ -0,0 +1,177 @@
+// rollup.config.js
+import fs from 'fs';
+import path from 'path';
+import vue from 'rollup-plugin-vue';
+import alias from '@rollup/plugin-alias';
+import commonjs from '@rollup/plugin-commonjs';
+import resolve from '@rollup/plugin-node-resolve';
+import replace from '@rollup/plugin-replace';
+import babel from '@rollup/plugin-babel';
+import {terser} from 'rollup-plugin-terser';
+import minimist from 'minimist';
+import autoprefixer from 'autoprefixer'
+
+// Get browserslist config and remove ie from es build targets
+const esbrowserslist = fs.readFileSync('./.browserslistrc')
+    .toString()
+    .split('\n')
+    .filter((entry) => entry && entry.substring(0, 2) !== 'ie');
+
+const argv = minimist(process.argv.slice(2));
+
+const projectRoot = path.resolve(__dirname, '..');
+
+const baseConfig = {
+    input: 'src/entry.js',
+    plugins: {
+        preVue: [
+            alias({
+                entries: [
+                    {
+                        find: '@',
+                        replacement: `${path.resolve(projectRoot, 'src')}`,
+                    },
+                ],
+                customResolver: resolve({
+                    extensions: ['.js', '.jsx', '.ts', '.tsx', '.vue'],
+                }),
+            }),
+        ],
+        replace: {
+            'process.env.NODE_ENV': JSON.stringify('production'),
+            preventAssignment: true,
+        },
+        vue: {
+            css: true,
+            style: {
+                postcssPlugins: [
+                    autoprefixer()
+                ]
+            },
+            template: {
+                isProduction: true,
+            }
+        },
+        postVue: [],
+        babel: {
+            exclude: 'node_modules/**',
+            extensions: ['.js', '.jsx', '.ts', '.tsx', '.vue'],
+            babelHelpers: 'bundled',
+        },
+    },
+};
+
+// ESM/UMD/IIFE shared settings: externals
+// Refer to https://rollupjs.org/guide/en/#warning-treating-module-as-external-dependency
+const external = [
+    // list external dependencies, exactly the way it is written in the import statement.
+    // eg. 'jquery'
+    'vue',
+    'hammerjs'
+];
+
+// UMD/IIFE shared settings: output.globals
+// Refer to https://rollupjs.org/guide/en#output-globals for details
+const globals = {
+    // Provide global variable names to replace your external imports
+    // eg. jquery: '$'
+    vue: 'Vue',
+    hammerjs: 'Hammer'
+};
+
+// Customize configs for individual targets
+const buildFormats = [];
+if (!argv.format || argv.format === 'es') {
+    const esConfig = {
+        ...baseConfig,
+        input: 'src/entry.esm.js',
+        external,
+        output: {
+            file: 'dist/vue-bottom-sheet.esm.js',
+            format: 'esm',
+            exports: 'named',
+        },
+        plugins: [
+            replace(baseConfig.plugins.replace),
+            ...baseConfig.plugins.preVue,
+            vue(baseConfig.plugins.vue),
+            ...baseConfig.plugins.postVue,
+            babel({
+                ...baseConfig.plugins.babel,
+                presets: [
+                    [
+                        '@babel/preset-env',
+                        {
+                            targets: esbrowserslist,
+                        },
+                    ],
+                ],
+            }),
+
+            commonjs(),
+        ],
+    };
+    buildFormats.push(esConfig);
+}
+
+if (!argv.format || argv.format === 'cjs') {
+    const umdConfig = {
+        ...baseConfig,
+        external,
+        output: {
+            compact: true,
+            file: 'dist/vue-bottom-sheet.ssr.js',
+            format: 'cjs',
+            name: 'VueBottomSheet',
+            exports: 'auto',
+            globals,
+        },
+        plugins: [
+            replace(baseConfig.plugins.replace),
+            ...baseConfig.plugins.preVue,
+            vue({
+                ...baseConfig.plugins.vue,
+                template: {
+                    ...baseConfig.plugins.vue.template,
+                    optimizeSSR: true,
+                },
+            }),
+            ...baseConfig.plugins.postVue,
+            babel(baseConfig.plugins.babel),
+            commonjs(),
+        ],
+    };
+    buildFormats.push(umdConfig);
+}
+
+if (!argv.format || argv.format === 'iife') {
+    const unpkgConfig = {
+        ...baseConfig,
+        external,
+        output: {
+            compact: true,
+            file: 'dist/vue-bottom-sheet.min.js',
+            format: 'iife',
+            name: 'VueBottomSheet',
+            exports: 'auto',
+            globals,
+        },
+        plugins: [
+            replace(baseConfig.plugins.replace),
+            ...baseConfig.plugins.preVue,
+            vue(baseConfig.plugins.vue),
+            ...baseConfig.plugins.postVue,
+            babel(baseConfig.plugins.babel),
+            commonjs(),
+            terser({
+                output: {
+                    ecma: 5,
+                },
+            }),
+        ],
+    };
+    buildFormats.push(unpkgConfig);
+}
+
+// Export config
+export default buildFormats;

babel.config.js

@@ -0,0 +1,8 @@
+import Vue from 'vue';
+import Dev from './serve.vue';
+
+Vue.config.productionTip = false;
+
+new Vue({
+  render: (h) => h(Dev),
+}).$mount('#app');