webpack简单配置

在项目内添加一个 .npmrc 文件：

淘宝镜像

sass_binary_site=https://npm.taobao.org/mirrors/node-sass/

phantomjs_cdnurl=https://npm.taobao.org/mirrors/phantomjs/

electron_mirror=https://npm.taobao.org/mirrors/electron/

registry=https://registry.npm.taobao.org

这样使用 npm install 安装 node-sass、electron 和 phantomjs 时都能自动从淘宝源上下载，但是在使用 npm publish 的时候要把 registry 这一行给注释掉，否则就会发布到淘宝源上去了。

（ yarn的使用；yarn config set registry "https://registry.npm.taobao.org"；yarn config get registry；yarn global add <package>；yarn add <package> ）

---

---

package.json 里的 scripts

-f 表示编译哪个目录

入口entry：有对象、字符串、function、promise形式

字符串形式没有key，取默认名字main 默认名字

---

输出 output：

chunkhash不会去重，编译一次多一次文件

---

文件拆分 split

2种方式都可以用

---

模块 module

---

别名处理 resolve

如下图

---

开发工具 devtool

devtool 还有 eval 其他方式，见图片官网

---

文件预处理 loader

options为个性化处理

用 ExtractTextPlugin 抽取时，必须配合 plugins 使用

---

插件 plugins

改变内容会弹出窗口通知 在html里面先引入common.js，再引入其他 js

---

测试后文档连接： https://github.com/MingJiang3/TEST/tree/master/webpackTestAll