webpack的学习小笔记

• webpack编译sass：
  npm install node-sass sass-loader --save-dev
• webpack编译图片：
  npm install url-loader file-loader --save-dev
  (两个loader的区别是以url引入的图片编译成base64，在配置config文件时user的loader的options可选参数，例如当指定的图片limit限制是40000，当超过时会以file的形式处理此处需要file-loader)
• npm install使用的时候分–save-dev和–save两种形式区别是：package.json里面的依赖项devDependencies和dependencies，–save-dev代表安装的包会配置到devDependencies下边，webpack打包的时候不会打包devDependencies中的依赖内容，而–save和dependencies相关联，打包时webpack亦会打包其内容
• webpack的改版：
  之前配置的关于babel-loader基础上的一些query的presets设置，之后query改为options