webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时,它会递归地构建一个依赖关系图(dependency graph),其中包含应用程序需要的每个模块,然后将所有这些模块打包成一个或多个 bundle。
10 .2 webpack 基础配置
先要安装npm和node.js
首先,创建一个目录,比如demo ,使用NPM 初始化配置:
npm init
执行后,会有一系列选项,可以按回车键快速确认,完成后会在demo 目录生成一个package.json的文件。
之后在本地局部安装webpack:
npm install webpack --save-dev
接着需要安装webpack-dev-server,它可以在开发环境中提供很多服务,比如启动一个服务器、热更新、接口代理等,配置起来也很简单。同样,在本地局部安装:
npm install webpack-dev server --save -dev
然后再在根目录下创建js文件,添加webpack的配置。xxx.js
var config = {};
//这里的modu