JavaScript 经典实例：第三版

编写

Web

应用

｜

415

然后，在代码中直接导入模块，无需指定模块路径。

import

some-code from 'some-module'

16.2 JavaScript

和移动

Web

16.2.1

问题

你的网站或应用使用了

JavaScript

，在移动设备和网速较慢的情况下加载时间特别长。

16.2.2

方案

如果网站使用的

JavaScript

量少，放在一个文件中，使用

UglifyJS

（

https://github.

com/mishoo/UglifyJS

）之类的工具简化

JavaScript

代码。简化是指删除

JavaScript

文

件中不必要的字符（例如空白），减小文件的大小。

若想使用

UglifyJS

，首先通过

npm

安装。

$ npm install uglify-js

然后，在

package.json

文件中添加一个脚本，指定输入

JavaScript

文件和简化后文

件的名称。

"scripts": {

"minify": "uglifyjs index.js --output index.min.js"

}

如果是大型网站，用到多个

JavaScript

文件，可以使用构建工具，例如

Webpack

（

https://

webpack.js.org

），执行简化、代码分拆、摇树优化和惰性加载等一系列操作。

Webpack

在生产模式下自动简化文件，无需额外配置，也不用专门的简化工具。

代码分拆生成多个包，让不同的

HTML

页面或模板只加载自己需要的代码。下述

webpack.config.js

文件将在

dist

目录中输出两个 ...