Alterntative to default module transformer that does not mangle symbol names

License: MIT License

JavaScript 100.00%

babel-plugin-transform-es2015-modules-commonjs-simple's People

Contributors

Stargazers

Watchers

Forkers

kodlyzer rjohnep lukino2000

babel-plugin-transform-es2015-modules-commonjs-simple's Issues

Use const

Hello,

Thank you very much for this plugin, it is the only escape hatch I found for proper transpiling of modules to commonjs ones.

However, I noticed that it assigns the imported stuff to var statements.

var _sanctuary = require("sanctuary");

var map = _sanctuary.map;
var add = _sanctuary.add;
var ap = _sanctuary.ap;

I would prefer them to be constants. Do you think it could be possible ?

Thanks in advance

Can't properly transoform the short code: "this;"

Hi,

I am a programmer who found your plugin very useful and necessary for my research project. I need to disable name mangling, which is why I am using your plugin.

Unfortunately, I found two bugs in your plugin.. First, it incorrectly transforms the following simple code:

this;

I used the following code to transfer the above sample code:


const babel = require('@babel/core');
const fs = require('fs')

var args = process.argv.slice(2);
if (args.length != 1)
{  console.log("Usage: node transform <target .js>")
   process.exit(0);
}
const code = fs.readFileSync(args[0], 'utf8');
var result = babel.transform(code,
      {  retainLines: true,
         compact: false,
         sourceType: 'unambiguous',
         sourceMaps: true,
         //presets: ['@babel/preset-env'],
         plugins: [
            "@babel/transform-runtime",
            [ "@babel/plugin-transform-modules-commonjs",
               { 'strictMode': false }
            ],
            ["transform-es2015-modules-commonjs-simple",
               { 'noMangle': true}
            ]
         ]
      }).code;

console.log(result)

Your plugin converts "this;" into "use strict; undefined". The properly converted code should be "this;". I wonder if there is any quick fix or if you could apply the fix for me.. I would really appreciate it.

vue.js project: "exports is not defined" error

Runtime error in browser:

Uncaught ReferenceError: exports is not defined
    at Module../src/vuetify/index.js (app.js:93043)

Many warnings during compilation:

"export 'default' (imported as 'mod') was not found

babel.config.js:

module.exports = {
  presets: [
    [
      "@vue/app", {}
    ],
    ["@vue/babel-preset-jsx", {}]
  ],
   "plugins": [
        ["transform-es2015-modules-commonjs-simple", {
            "noMangle": true
        }]
    ],
};

Selective Mangle

Occasionally, it's really nice to support circular references. Otherwise, I love the noMangle option. What would be required to support an opt-in mangle usage. Something like:

import:live {thing} from '../../file';

jamietre / babel-plugin-transform-es2015-modules-commonjs-simple Goto Github PK

babel-plugin-transform-es2015-modules-commonjs-simple's People

Contributors

Stargazers

Watchers

Forkers

babel-plugin-transform-es2015-modules-commonjs-simple's Issues

Use const

Can't properly transoform the short code: "this;"

vue.js project: "exports is not defined" error

Selective Mangle

Recommend Projects

React

Vue.js

Typescript

TensorFlow

Django

Laravel

D3

Recommend Topics

javascript

web

server

Machine learning

Visualization

Game

Recommend Org

Facebook

Microsoft

Google

Alibaba

D3

Tencent

Jobs