webpack组成部分

1. Entry

指定以那个文件为入口开始打包。
eg: vue/index.js

3. Output

输出文件， 指定打包后资源（bundles）输出到哪里， 指定打包文件名
eg：vue/dist

4. Module

webpack只识别js代码，借助与各种loader解析各种文件。
eg：webpack借助less-loader，将less转化为css
    webpack借助url-loader，识别img

5. Plugins

 借助各种插件扩展webpack功能

6. Mode

 模块化， 区分开发模式和生产模式。

7.resolve

配置解析模块规则

alias属性配置文件的别名
eg：alias：{ $css: resolve(__dirname, ‘src/css’)}

extensions: 自动补充文件的后缀名
eg：extensions： [’.js’, ‘.json’, ‘.css’]

modules: 解析模块时能快速找到node_modules
eg: modules： [resolve(__dirname, ‘’…/…/node_modules"), ‘node_modules’ ]