webpack安装和配置

一. 安装

我们常规直接使用 npm 的形式来安装：

$ npm install webpack -g

当然假设常规项目还是把依赖写入 package.json 包去更人性化：

$ npm init$ npm install webpack --save-dev

 

// webpack.config.js
module.exports = {
  entry: "./entry.js",
  output: {
    path: "./build",
    filename:"bundle.js"
  }
}

// entry.js
define("entry", function () {
    var iabcdef = 11;
});

//文件夹

运行

webapck

或运行

webpack  --display-error-details

后面的參数“--display-error-details”是推荐加上的，方便出错时能查阅更详尽的信息（比方 webpack 寻找模块的过程）。从而更好定位到问题。

$ webpack --config XXX.js //使用还有一份配置文件（比方webpack.config2.js）来打包

$ webpack --watch //监听变动并自己主动打包

$ webpack -p//压缩混淆脚本，这个非常非常重要！

$ webpack -d//生成map映射文件。告知哪些模块被终于打包到哪里了

当中的 -p 是非常重要的參数，以前一个未压缩的 700kb 的文件。压缩后直接降到 180kb （主要是样式这块一句就独占一行脚本，导致未压缩脚本变得非常大） 。