摘要： javascript 严格模式 第一次接触let关键字，有一个要非常非常要注意的概念就是”JavaScript 严格模式”，比如下述的代码运行就会报错： 1 2 1 2 错误信息如下： 1 2 3 4 5 1 2 3 4 5 解决方法就是，在文件头添加”javascript 严格模式”声明： 1 2 阅读全文

摘要： ，我们通常采用的是组件化开发方式，这样就会对应有很多个js文件，而打包工具的出现则是为了正确处理这些js文件的依赖关系，并生成一个最终的文件，这样，我们最后只需要加载打包以后的文件就可以了，而无须加载许多单个的js文件。接下来我们就试下多个js文件的打包。 新建一个content.js文件，文件内容 阅读全文

摘要： AMD（异步模块定义）是为浏览器环境设计的，因为 CommonJS 模块系统是同步加载的，当前浏览器环境还没有准备好同步加载模块的条件。 AMD 定义了一套 JavaScript 模块依赖异步加载标准，来解决同步加载的问题。 模块通过 define 函数定义在闭包中，格式如下： id 是模块的名字， 阅读全文

摘要： Webpack 的配置比较复杂，很容出现错误，下面是一些通常的故障处理手段。 一般情况下，webpack 如果出问题，会打印一些简单的错误信息，比如模块没有找到。我们还可以通过参数 --display-error-details 来打印错误详情。 Webpack 的配置提供了 resolve 和 r 阅读全文

摘要： CommonJS 是以在浏览器环境之外构建 JavaScript 生态系统为目标而产生的项目，比如在服务器和桌面环境中。 这个项目最开始是由 Mozilla 的工程师 Kevin Dangoor 在2009年1月创建的，当时的名字是 ServerJS。 我在这里描述的并不是一个技术问题，而是一件重大 阅读全文

摘要： 当项目逐渐变大，webpack 的编译时间会变长，可以通过参数让编译的输出内容带有进度和颜色。 如果不想每次修改模块后都重新编译，那么可以启动监听模式。开启监听模式后，没有变化的模块会在编译后缓存到内存中，而不会每次都被重新编译，所以监听模式的整体速度是很快的。 当然，使用 webpack-dev- 阅读全文

摘要： 插件可以完成更多 loader 不能完成的功能。 插件的使用一般是在 webpack 的配置信息 plugins 选项中指定。 Webpack 本身内置了一些常用的插件，还可以通过 npm 安装第三方插件。 接下来，我们利用一个最简单的 BannerPlugin 内置插件来实践插件的配置和运行，这个 阅读全文

摘要： Webpack 在执行的时候，除了在命令行传入参数，还可以通过指定的配置文件来执行。默认情况下，会搜索当前目录的 webpack.config.js 文件，这个文件是一个 node.js 模块，返回一个 json 格式的配置信息对象，或者通过 --config 选项来指定配置文件。 继续我们的案例， 阅读全文

摘要： Webpack 本身只能处理 JavaScript 模块，如果要处理其他类型的文件，就需要使用 loader 进行转换。 Loader 可以理解为是模块和资源的转换器，它本身是一个函数，接受源文件作为参数，返回转换的结果。这样，我们就可以通过 require 来加载任何类型的模块或文件，比如 Cof 阅读全文

摘要： 首先创建一个静态页面 index.html 和一个 JS 入口文件 entry.js： 然后编译 entry.js 并打包到 bundle.js： 打包过程会显示日志： 用浏览器打开 index.html 将会看到 It works. 。 接下来添加一个模块 module.js 并修改入口 entr 阅读全文