0

我主要是后端开发人员，但我正在尝试使我的 javascript 功能现代化。

我在 Es6 中编写了一个测试文件，如下所示：

export const TestA = () => {
    console.log("test A");
}

export const TestB = () => {
    console.log("test B");
}

所以，我想设置它，以便我可以根据需要将 TestA 和 TestB 导入脚本，如下所示：

import { TestA } from '../../includes/Sample.js';

$(function() {
    TestA();
});

因此，在我看来，第二个脚本应该导入 TestA 并在我通过诸如 gulp 中这样的转录器运行它时忽略 TestB：

return browserify({
            entries: [path.join(pathToCompileFoler, file)]
        })
        .transform(babelify.configure({
            presets: ['es2015'],
            ignore: /(bower_components)|(node_modules)/
        }))
        .bundle()
        .on("error", function(err) { console.log("Error : " + err.message); })
        .pipe(source(file))
        .pipe(gulp.dest(path.join(pathOutput, "/")));

但是，当我查看此转录产生的内容时，我发现 TestA 和 TestB 都已写入我新转录的文件中：

(function(){function r(e,n,t){function o(i,f){if(!n[i]){if(!e[i]){var c="function"==typeof require&&require;if(!f&&c)return c(i,!0);if(u)return u(i,!0);var a=new Error("Cannot find module '"+i+"'");throw a.code="MODULE_NOT_FOUND",a}var p=n[i]={exports:{}};e[i][0].call(p.exports,function(r){var n=e[i][1][r];return o(n||r)},p,p.exports,r,e,n,t)}return n[i].exports}for(var u="function"==typeof require&&require,i=0;i<t.length;i++)o(t[i]);return o}return r})()({1:[function(require,module,exports){
"use strict";

Object.defineProperty(exports, "__esModule", {
    value: true
});
var TestA = exports.TestA = function TestA() {
    console.log("test A");
};

var TestB = exports.TestB = function TestB() {
    console.log("test B");
};

},{}],2:[function(require,module,exports){
'use strict';

var _Sample = require('../../includes/Sample.js');

$(function () {
    (0, _Sample.TestA)();
});

},{"../../includes/Sample.js":1}]},{},[2]);

在我看来，es6 的好处之一是 tree-shaking（只获取我需要的部分）

我在这里遗漏了什么，还是这是预期的行为？

4

0 回答 0