Делает ли webpack модули ES6 совместимыми с браузерами ES5? - PullRequest
Новая
       40

Делает ли webpack модули ES6 совместимыми с браузерами ES5?

0 голосов
/ 01 июня 2018

Если я использую ES6 import в файле JS, например: 

import { tempates } from "./templates.js";

, веб-пакет преобразует в нечто вроде: 

__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _templates_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./templates.js */ "./static/js/templates.js");

Означает ли это, что Я могу использовать модули ES6 и из-за преобразования webpack , они будут также работать в старых браузерах , которые не поддерживаютМодули ES6?

Если да: в чем разница между этим трансформационным веб-пакетом и тем, который babel делает?Преобразование babel описано, например, здесь: https://babeljs.io/docs/plugins/transform-es2015-modules-commonjs/

Каковы преимущества / недостатки использования babel или веб-пакета относительно совместимости модуля ES6 в старых браузерах?

Я использую веб-пакет версии 4.10.2, и это моя конфигурация веб-пакета: 

var path = require('path');

module.exports = {
    mode: 'development',
    entry: './static/js/mainScript.js',
    output: {
        path: path.resolve(__dirname, 'build'),
        filename: 'asterics-grid.bundle.js'
    }
};

1 Ответ

0 голосов
/ 01 июня 2018

Значит ли это, что я могу использовать модули ES6, и из-за преобразования веб-пакета они также будут работать в старых браузерах, которые не поддерживают модули ES6?

Это один изцели Webpack.

Какая разница между этим пакетом преобразования и тем, что делает один вавилон?

Webpack - это пакет.Бабель - трейлер.Они должны быть использованы вместе.Преобразование Babel transform-es2015-modules-commonjs превращает модули ES в модули CommonJS.Модули CommonJS поддерживаются в Node.js, но не в браузерах.

Каковы преимущества / недостатки использования babel или веб-пакета в отношении совместимости модулей ES6 в старых браузерах?

Преимущество заключается в том, что вы можете использовать модули ES в старых браузерах.Недостатком является то, что Webpack может вводить ограничения, например, как обрабатывать циклические зависимости.

...