Npm 在网页包中使用不同的文件和函数

我使用Laravel Mix来编译JS文件。我想把我所有的函数移到另一个名为

functions.js的文件中。

在

app.js

中，我想包括这个文件

---

functions.js

var functions = {
  test: function() {
    console.log('test');
  }
}
exports = functions;

import functions from './functions';
functions.test();

    module.exports = {
        test: function () {
            console.log('test');
        }
    }

  import functions from './functions';

  functions.test();

const test = () => console.log('test');
const test2 = () => console.log('test2');

module.exports = { test, test2 };

import functions from './functions';

functions.test();
functions.test2(); 

app.js

var functions = {
  test: function() {
    console.log('test');
  }
}
exports = functions;

import functions from './functions';
functions.test();

    module.exports = {
        test: function () {
            console.log('test');
        }
    }

  import functions from './functions';

  functions.test();

const test = () => console.log('test');
const test2 = () => console.log('test2');

module.exports = { test, test2 };

import functions from './functions';

functions.test();
functions.test2(); 

来自控制台的消息

未捕获类型错误： _函数\u网页包\u导入的\u模块\u 3\u默认值。a.test不是函数

---

functions.js

var functions = {
  test: function() {
    console.log('test');
  }
}
exports = functions;

import functions from './functions';
functions.test();

    module.exports = {
        test: function () {
            console.log('test');
        }
    }

  import functions from './functions';

  functions.test();

const test = () => console.log('test');
const test2 = () => console.log('test2');

module.exports = { test, test2 };

import functions from './functions';

functions.test();
functions.test2(); 

app.js

var functions = {
  test: function() {
    console.log('test');
  }
}
exports = functions;

import functions from './functions';
functions.test();

    module.exports = {
        test: function () {
            console.log('test');
        }
    }

  import functions from './functions';

  functions.test();

const test = () => console.log('test');
const test2 = () => console.log('test2');

module.exports = { test, test2 };

import functions from './functions';

functions.test();
functions.test2(); 

或：

---

functions.js

var functions = {
  test: function() {
    console.log('test');
  }
}
exports = functions;

import functions from './functions';
functions.test();

    module.exports = {
        test: function () {
            console.log('test');
        }
    }

  import functions from './functions';

  functions.test();

const test = () => console.log('test');
const test2 = () => console.log('test2');

module.exports = { test, test2 };

import functions from './functions';

functions.test();
functions.test2(); 

app.js

var functions = {
  test: function() {
    console.log('test');
  }
}
exports = functions;

import functions from './functions';
functions.test();

    module.exports = {
        test: function () {
            console.log('test');
        }
    }

  import functions from './functions';

  functions.test();

const test = () => console.log('test');
const test2 = () => console.log('test2');

module.exports = { test, test2 };

import functions from './functions';

functions.test();
functions.test2(); 

---

functions.js

var functions = {
  test: function() {
    console.log('test');
  }
}
exports = functions;

import functions from './functions';
functions.test();

    module.exports = {
        test: function () {
            console.log('test');
        }
    }

  import functions from './functions';

  functions.test();

const test = () => console.log('test');
const test2 = () => console.log('test2');

module.exports = { test, test2 };

import functions from './functions';

functions.test();
functions.test2(); 

app.js

var functions = {
  test: function() {
    console.log('test');
  }
}
exports = functions;

import functions from './functions';
functions.test();

    module.exports = {
        test: function () {
            console.log('test');
        }
    }

  import functions from './functions';

  functions.test();

const test = () => console.log('test');
const test2 = () => console.log('test2');

module.exports = { test, test2 };

import functions from './functions';

functions.test();
functions.test2(); 

或：

---

functions.js

var functions = {
  test: function() {
    console.log('test');
  }
}
exports = functions;

import functions from './functions';
functions.test();

    module.exports = {
        test: function () {
            console.log('test');
        }
    }

  import functions from './functions';

  functions.test();

const test = () => console.log('test');
const test2 = () => console.log('test2');

module.exports = { test, test2 };

import functions from './functions';

functions.test();
functions.test2(); 

app.js

var functions = {
  test: function() {
    console.log('test');
  }
}
exports = functions;

import functions from './functions';
functions.test();

    module.exports = {
        test: function () {
            console.log('test');
        }
    }

  import functions from './functions';

  functions.test();

const test = () => console.log('test');
const test2 = () => console.log('test2');

module.exports = { test, test2 };

import functions from './functions';

functions.test();
functions.test2();