使用捆绑包时遇到问题

Question

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

我想把代码分成几个文件，我知道最好的方法是使用像 require.js 或 webpack[= 这样的库25=] 等..

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

问题是，经过两天的大量阅读文档后，我只是想不出如何使捆绑包工作

information: editor: vs code , syntax es=6 babel , webpack:v2.0.0

有人会友善并向我解释如何在本地配置 webpack 以便我可以使用导入吗？

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
}

打字稿

in typescript tsc 会加载你的 typescript 并将其打包成一个文件，如 umd、es2015、es2016 等

也可以配置webpack给它加糖

//class1.js

export class class1 {

... all your methods
}

//class2

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

... all your methods
}

使用捆绑包时遇到问题

having trouble using bundles

javascript

visual-studio

webpack

webpack-2

ES2015以上

打字稿