摘要：
现在我们来学习一个最常用的插件 webpack-dev-server，一般来说，这个插件，大家都会用，特别是开发环境下。 我们之前使用 webpack -d --watch 来在开发环境下编译静态文件，但是这个功能，完全可以用 webpack-dev-server 来代替。 除此之外， webpac 阅读全文
摘要：
1. 什么是 loader 官方的解释是这样的： loader 用于对模块的源代码进行转换。loader 可以使你在 import 或"加载"模块时预处理文件。因此，loader 类似于其他构建工具中“任务(task)”，并提供了处理前端构建步骤的强大方法。loader 可以将文件从不同的语言（如 阅读全文
摘要：
之前我们已经可以转化 js 文件了，但是一般来说，我们放在网页上的是 html 页面。 现在我们就把 html 和 js 还有 webpack 结合来玩玩。 很简单，只要把 js 文件引入到 html 中就好。 1. 创建 index.html 首先在 dist 目录下创建 index.html 文 阅读全文
摘要：
现在我们要先把 webpack 用起来。 为了方便，我们先用 npm 创建一个空项目。 1. 用 npm init 初始化项目 打开终端，运行如下命令: 之后你会看到会提示你输入一些内容，你不用管，直接全部回车： 最后，你会发现 hello-webpack 目录下多出了一个名为 package.js 阅读全文
摘要：
1. 安装 nodejs 要使用 webpack，必须确保电脑上存在着 nodejs 这个运行环境，所以，如果没有 nodejs，要先安装它。 在浏览器输入下面的网址： https://nodejs.org/en/ 界面如下： 下载安装包后，点击可执行文件，不断地按下一步，就可以安装成功。 最后打开 阅读全文
摘要：
1. webpack 是什么? 先来说一下 webpack 是什么。 webpack 的官方对它是这样定义的： webpack is a module bundler. Its main purpose is to bundle JavaScript files for usage in a bro 阅读全文
摘要：
在命令行中运行 webpack 命令确实可以实现 webpack 的功能，但是我们一般不这么做，我们要用配置文件来处理。 我们把之前学到的知识用 webpack 的配置文件来实现，配置文件的名字叫 webpack.config.js 位于项目根目录下。 1. 创建配置文件 webpack.confi 阅读全文