feat: add js file to imported style file

Author: ProfBramble

.babelrc.js

@@ -1,25 +1,38 @@
-
-module.exports = {
-    presets: [
-        [
-            "@babel/preset-env",
-            {
-                modules: false
-            }
-        ],
-        "@babel/preset-react",
-        "@babel/preset-typescript"
+const config = {
+  presets: [
+    [
+      '@babel/preset-env',
+      {
+        modules: false,
+      },
     ],
-    plugins: [
-        "@babel/plugin-transform-runtime",
-        [
-            "@babel/plugin-proposal-decorators",
+    '@babel/preset-react',
+    '@babel/preset-typescript',
+  ],
+  plugins:
+    process.env.NODE_ENV === 'production'
+      ? [
+          './css-plugin',
+          [
+            '@babel/plugin-proposal-decorators',
+            {
+              legacy: true,
+            },
+          ],
+          '@babel/plugin-proposal-class-properties',
+          '@babel/plugin-proposal-object-rest-spread',
+          '@babel/plugin-transform-modules-commonjs',
+        ]
+      : [
+          [
+            '@babel/plugin-proposal-decorators',
             {
-                legacy: true
-            }
+              legacy: true,
+            },
+          ],
+          '@babel/plugin-proposal-class-properties',
+          '@babel/plugin-proposal-object-rest-spread',
+          '@babel/plugin-transform-modules-commonjs',
         ],
-        "@babel/plugin-proposal-class-properties",
-        "@babel/plugin-proposal-object-rest-spread",
-        "@babel/plugin-transform-modules-commonjs"
-    ]
 };
+module.exports = config;

.eslintignore

@@ -8,4 +8,5 @@ debug.log
 yarn-error.log
 package-lock.json
 dist/
-gulpfile.js
+gulpfile.js
+index.tsx

css-plugin.js

@@ -0,0 +1,17 @@
+const t = require('@babel/types');
+module.exports = function() {
+  return {
+    visitor: {
+      ImportDeclaration(path) {
+        const { node } = path;
+        if (!node) return;
+        const {
+          source: { value: libName },
+        } = node;
+        if (libName === './style.scss') {
+          path.replaceWith(t.importDeclaration([], t.stringLiteral('./style.css')));
+        }
+      },
+    },
+  };
+};

gulpfile.js

@@ -6,7 +6,7 @@ const del = require('del');
 const ts = require('gulp-typescript');
 const cleanCSS = require('gulp-clean-css');
 const rename = require('gulp-rename');
-// const tsProject = ts.createProject('./tsconfig.build.json');
+const babel = require('gulp-babel');
 
 function outputStyleTask() {
   return src(['src/components/**/*.scss'])
@@ -56,8 +56,8 @@ function jsForScss(data) {
 }
 function jsForCss(data) {
   return src('src/index.tsx')
-    .pipe(rename('style.tsx'))
-    .pipe(ts({ target: 'ES5' }))
+    .pipe(rename('css.tsx'))
+    .pipe(babel())
     .pipe(dest('lib/' + String(data) + '/style/'));
 }
 exports.default = series(clean, parallel(outputStyleTask, globalSass), globalCss);