TypeScript(二十)命名空间(下)

136 阅读1分钟

在上一节我们创建了一个项目,对命名空间有了一个初步的认识,下面我们对之前的项目进行一下改造,为了更贴近实战项目。

在src目录下新建components.js,在这个文件中声明一个新的命名空间,把之前定义的三个类剪切到这里并且进行抛出

此时page.js还剩一个类,在constructor里面改为new Components.XXX

然后执行打包命令,build目录下会多生成一个components.js

在index.html中把这个文件也进行引入

刷新浏览器结果正常显示

但是这样有些麻烦,我们想打包之后生成一个文件,应该怎样做呢?

我们打开tsconfig.js 对以下参数进行修改

测试一下结果,我们将build文件夹下的文件清空,输入tsc执行编译,build目录下生成一个script.js, 然后在index.html中将script.js引入

刷新浏览器结果还是会成功显示,证明我们已经将两个文件成功合并成一个文件了

这也是我们对命名空间的更深一层的理解。