webpack学习笔记

npm如何调用淘宝镜像

安装好npm后,在你的计算机上找到.cnpmrc文件(我的在c:\user\administrator目录下)
在最后加一句:
registry = http://registry.npm.taobao.org
完整的代码见图

Paste_Image.png

webpack常用启动命令

• webpack // 最基本的启动webpack方法
• webpack -w // 提供watch方法，实时进行打包更新
• webpack -p // 对打包后的文件进行压缩，提供production
• webpack -d // 提供source map，方便调试

初始化

• 进入项目目录时,要先
  npm init
• 然后每个目录要安装webpack
  npm install webpack --save-dev

其他

• 如果要安装多个loader, 中间加空格即可,比如同时安装jquery和vue,就可以这样写
  npm install jquery vue --save-dev

• url-loader和file-loader最好要同时加载
  { test: /\.(png|jpg)$/, loader: 'url?limit=40',//注意这里不能是loaders include: APP_PATH }
  当图片大小小于40k时,调用的是url-loader,当图片大小超过40k时,调用的是file-loader
  所以这两个loader要同时加载进来