Update from sfc template (#124)

* Revert package update from 527e734

* Update from sfc template

---------

Co-authored-by: janniks <janniks@users.noreply.github.com>

Author: janniks

babel.config.js

@@ -1,5 +1,16 @@
-const devPresets = ['@vue/babel-preset-app'];
-const buildPresets = ['@babel/preset-env'];
+const devPresets = ["@vue/babel-preset-app"];
+const buildPresets = [
+  [
+    "@babel/preset-env",
+    // Config for @babel/preset-env
+    {
+      // Example: Always transpile optional chaining/nullish coalescing
+      // include: [
+      //   /(optional-chaining|nullish-coalescing)/
+      // ],
+    },
+  ],
+];
 module.exports = {
-  presets: (process.env.NODE_ENV === 'development' ? devPresets : buildPresets),
+  presets: process.env.NODE_ENV === "development" ? devPresets : buildPresets,
 };

build/rollup.config.js

@@ -4,11 +4,10 @@ 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 postcss from "rollup-plugin-postcss";
+import babel from "@rollup/plugin-babel";
 import { terser } from "rollup-plugin-terser";
-import postcssLogical from "postcss-logical";
 import minimist from "minimist";
 
 // Get browserslist config and remove ie from es build targets
@@ -18,6 +17,11 @@ const esbrowserslist = fs
   .split("\n")
   .filter((entry) => entry && entry.substring(0, 2) !== "ie");
 
+// Extract babel preset-env config, to combine with esbrowserslist
+const babelPresetEnvConfig = require("../babel.config").presets.filter(
+  (entry) => entry[0] === "@babel/preset-env"
+)[0][1];
+
 const argv = minimist(process.argv.slice(2));
 
 const projectRoot = path.resolve(__dirname, "..");
@@ -27,25 +31,35 @@ const baseConfig = {
   plugins: {
     preVue: [
       alias({
-        resolve: [".js", ".jsx", ".ts", ".tsx", ".vue"],
-        entries: {
-          "@": path.resolve(projectRoot, "src"),
-        },
+        entries: [
+          {
+            find: "@",
+            replacement: `${path.resolve(projectRoot, "src")}`,
+          },
+        ],
       }),
     ],
     replace: {
+      preventAssignment: true,
       "process.env.NODE_ENV": JSON.stringify("production"),
-      "process.env.ES_BUILD": JSON.stringify("false"),
+      "process.env.ES_BUILD": JSON.stringify("true"),
     },
     vue: {
       css: true,
       template: {
         isProduction: true,
       },
     },
+    postVue: [
+      resolve({
+        extensions: [".js", ".jsx", ".ts", ".tsx", ".vue"],
+      }),
+      commonjs(),
+    ],
     babel: {
       exclude: "node_modules/**",
       extensions: [".js", ".jsx", ".ts", ".tsx", ".vue"],
+      babelHelpers: "bundled",
     },
   },
 };
@@ -74,28 +88,26 @@ if (!argv.format || argv.format === "es") {
     external,
     output: {
       file: "dist/esm.js",
-      format: "es",
+      format: "esm",
       exports: "named",
     },
     plugins: [
-      replace({
-        ...baseConfig.plugins.replace,
-        "process.env.ES_BUILD": JSON.stringify("true"),
-      }),
+      replace(baseConfig.plugins.replace),
       ...baseConfig.plugins.preVue,
       vue(baseConfig.plugins.vue),
+      ...baseConfig.plugins.postVue,
       babel({
         ...baseConfig.plugins.babel,
         presets: [
           [
             "@babel/preset-env",
             {
+              ...babelPresetEnvConfig,
               targets: esbrowserslist,
             },
           ],
         ],
       }),
-      commonjs(),
     ],
   };
   buildFormats.push(esConfig);
@@ -110,7 +122,7 @@ if (!argv.format || argv.format === "cjs") {
       file: "dist/ssr.js",
       format: "cjs",
       name: "VueNotion",
-      exports: "named",
+      exports: "auto",
       globals,
     },
     plugins: [
@@ -123,8 +135,8 @@ if (!argv.format || argv.format === "cjs") {
           optimizeSSR: true,
         },
       }),
+      ...baseConfig.plugins.postVue,
       babel(baseConfig.plugins.babel),
-      commonjs(),
     ],
   };
   buildFormats.push(umdConfig);
@@ -138,16 +150,16 @@ if (!argv.format || argv.format === "iife") {
       compact: true,
       file: "dist/min.js",
       format: "iife",
-      name: "VueNotion",
+      name: "VuteNotion",
       exports: "named",
       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,
@@ -158,28 +170,5 @@ if (!argv.format || argv.format === "iife") {
   buildFormats.push(unpkgConfig);
 }
 
-if (!argv.format || argv.format === "postcss") {
-  const postCssConfig = {
-    input: "build/postcss.js",
-    output: {
-      format: "es",
-      file: "dist/styles.ignore",
-    },
-    plugins: [
-      postcss({
-        extract: true,
-        minimize: true,
-        plugins: [postcssLogical()],
-      }),
-    ],
-  };
-  buildFormats.push(postCssConfig);
-}
-
 // Export config
-export default (commandLineArgs) => {
-  // Exporting a method enables command line args override
-  // https://rollupjs.org/guide/en/#configuration-files
-  delete commandLineArgs.format;
-  return buildFormats;
-};
+export default buildFormats;