在项目内添加一个 .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