Jak usunąć globalne "use strict" dodane przez babel

Jak już wspomniano o Babel 6, jest to transform-es2015-modules-commonjs preset, który dodaje tryb ścisły. Jeśli chcesz użyć całego Ustawienia es2015 bez przekształceń modułu, umieść to w pliku .babelrc:

{
  "presets": [
    ["es2015", { "modules": false }]
  ]
}

Spowoduje to wyłączenie modułów i trybu ścisłego, przy jednoczesnym włączeniu wszystkich innych przekształceń es2015.

Jest teraz wtyczka babel, którą możesz dodać do konfiguracji, która usunie tryb ścisły: babel-plugin-transform-remove-strict-mode. Jest trochę brzydki w tym, że "use strict" jest dodawany, a następnie usuwany, ale to sprawia, że config jest o wiele ładniejszy.

Dokumenty są w repo GitHub: https://github.com/genify/babel-plugin-transform-remove-strict-mode

{
  "presets": ["env"],
  "plugins": ["transform-remove-strict-mode"]
}

Doszedłem również do tego dość absurdalnego ograniczenia, że nie można wyłączyć lub nadpisać ustawień z istniejącego predefiniowanego, i uciekłem się do używania tego predefiniowanego: https://www.npmjs.com/package/babel-preset-es2015-without-strict

plugins: [
    [
        require("@babel/plugin-transform-modules-commonjs"), 
        {
            strictMode: false
        }
    ],
]

Babel 6 + es2015

Możemy wyłączyć babel-plugin-transform-es2015-modules-commonjs, aby wymagać babel-plugin-transform-strict-mode.

Więc skomentuj poniższy kod w node_modules/babel-plugin-transform-es2015-modules-commonjs/lib/index.js w linii 151

//inherits: require("babel-plugin-transform-strict-mode"),

Osobiście używam wtyczki gulp-iife i owijam IIFEs wokół wszystkich moich plików. Zauważyłem, że wtyczka babel (używając preset es2015) dodaje również globalny "use strict". Uruchamiam mój kod pocztowy babel przez wtyczkę iife stream ponownie, więc anuluje to, co zrobił babel.

gulp.task("build-js-source-dev", function () {
	return gulp.src(jsSourceGlob)
      .pipe(iife())
	  .pipe(plumber())
	  .pipe(babel({ presets: ["es2015"] }))// compile ES6 to ES5
	  .pipe(plumber.stop())
      .pipe(iife()) // because babel preset "es2015" adds a global "use strict"; which we dont want
      .pipe(concat(jsDistFile)) // concat to single file
	  .pipe(gulp.dest("public_dist"))
});

Just change .babelrc solution

Jeśli nie chcesz zmieniać żadnych modułów npm, możesz użyć .babelrc ignoruj w ten sposób

{
  "presets": ["es2015"],
  "ignore": [
    "./src/js/directive/datePicker.js"
  ]
}

Zignoruj ten plik, działa na mnie!

Ignorowany plik, który nie może użyć 'use strict' jest starym kodem i nie trzeba używać babel do jego transformacji!

Możesz powiedzieć babelowi, że Twój kod jest skryptem z:

sourceType: "script"

To nie doda use strict. Zobacz sourcetype option docs

Źródło: https://github.com/babel/babel/issues/7910#issuecomment-388517631

Od wersji babel 6 możesz zainstalować najpierw babel-CLI (jeśli chcesz używać Babel z CLI ) lub babel-core (aby używać Node API). Pakiet ten nie zawiera modułów.

npm install --global babel-cli
# or
npm install --save-dev babel-core

Następnie zainstaluj moduły, których potrzebujesz. Więc nie instaluj modułu dla "trybu ścisłego" w Twoim przypadku.

npm install --save-dev babel-plugin-transform-es2015-arrow-functions

I dodać zainstalowane moduły w .plik babelrc wygląda tak:

{
  "plugins": ["transform-es2015-arrow-functions"]
}

Zobacz szczegóły tutaj: https://babeljs.io/blog/2015/10/31/setting-up-babel-6

Dla babel 6 zamiast łatania predefiniowanego i/lub rozwidlania go i publikowania, możesz po prostu owinąć oryginalny plugin i ustawić opcję strict na false.

Coś w tym stylu powinno zadziałać:

const es2015preset = require('babel-preset-es2015');
const commonjsPlugin = require('babel-plugin-transform-es2015-modules-commonjs');

es2015preset.plugins.forEach(function(plugin) {
  if (plugin.length && plugin[0] === commonjsPlugin) {
    plugin[1].strict = false;
  }
});

module.exports = es2015preset;

Proszę użyć "es2015-without-strict "zamiast " es2015". Nie zapomnij, że musisz mieć zainstalowany pakiet "babel-preset-es2015-without-strict". Wiem, że nie jest to oczekiwane domyślne zachowanie Babel, proszę wziąć pod uwagę, że projekt nie jest jeszcze dojrzały.

To nie jestgramatycznie poprawny, ale w zasadzie będzie działał zarówno dla Babel 5 jak i 6 bez konieczności instalowania modułu, który usuwa inny moduł.

code.replace(/^"use strict";$/, '')

Właśnie zrobiłem skrypt, który działa w węźle i usuwa "use strict" ; w wybranym pliku.

Plik: skrypt.js:

let fs = require('fs');
let file = 'custom/path/index.js';
let data = fs.readFileSync(file, 'utf8');
let regex = new RegExp('"use\\s+strict";');
if (data.match(regex)){
    let data2 = data.replace(regex, '');
    fs.writeFileSync(file, data2);
    console.log('use strict mode removed ...');
}
else {
    console.log('use strict mode is missing .');
}

node ./script.js

Jeśli używasz https://babeljs.io/repl (v7.8.6 w momencie pisania tego tekstu), możesz usunąć "use strict"; wybierając Source Type -> Module.

Używanie wtyczek lub wyłączanie modułów i tryb ścisły, jak sugerowano w odpowiedzi @rcode nie zadziałało dla mnie.

Ale zmieniając cel z es2015|es6 do es5 w pliku tsconfig.json zgodnie z sugestią @andrefarzart w Ta odpowiedź na GitHub naprawiła problem.

// tsconfig.json file
{
  // ...
  "compilerOptions": {
    // ...
    "target": "es5", // instead of "es2015"
}