使用捆绑包时遇到问题

Question

我的本​​地计算机上有一个Web应用程序，现在所有代码都在同一个index.js文件中。

我想将代码拆分为多个文件，我知道最好的方法是使用 require.js 或 webpack 等库。

并使用import导入拆分的 js文件

事情是，经过两天的激烈阅读文档，我只是想知道如何使捆绑工作

  

信息：编辑：vs代码，语法 es = 6 babel，webpack：v2.0.0

有人会很好并解释我如何配置webpack localy所以我可以使用导入？

Answer 1

我在youtube中找到了很好的解释指南，强烈建议任何有理解webpack的人尝试从这里学习webpack introduction

Answer 2

最好是使用类并使用require导入您的依赖类。 您还可以使用typescript将您的代码转换为任何版本的javascript。

ES2015或以上

//class1.js

class class1 {

... all your methods
}

//class2

require('class1');
class class2 {

... all your methods
}

打字稿

打字稿tsc中的

将打印你的打字稿，并按照你想要的方式将它捆绑到一个文件中，例如umd，es2015，es2016等

你也可以用webpack配置它来加糖。

//class1.js

export class class1 {

... all your methods
}

//class2

import { class1 } from 'class1';
export class class2 {

... all your methods
}