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 (主要是样式这块一句就独占一行脚本,导致未压缩脚本变得非常大) 。