webpack

从本质上来讲，webpack是一个现代的javascript应用的静态模块打包工具。
一个是模块，一个是打包。

webpack就是前端模块化工具。webpack更加强调模块化开发管理，而文件压缩合并，预处理功能，是他的附带功能。

webpack模块化打包为了能够正常运行，必须依赖node环境。
node环境为了正常的执行很多代码，必须其中包括各种依赖的包
npm工具用来管理各种包。

作用就是告诉webpack对js文件进行打包，并放入dist文件夹中的bundle.js文件中

开发时在src 中开发，不管是不是模块化开发，最终都可以用webpack打包成浏览器认识语言。

对webpack的配置
这是webpack添加配置的固定的文件，不能更改名字。

在文件夹终端使用npm init 创建package.json

导入node中的path模块。并使用path.resolve(_dirname,’ dist ')对路径的拼接，_dirname是获取当前文件的绝对路径，dist则是在路径后进行拼接的文件名np
当使用 npm run build 则会在package.json执行script中的内容。

在终端打包都是使用全局中的webpack
设置了脚本的话，会先查询本地的webpack。

在main.js中添加，在打包的时候会根据联系进行打包

既要安装cssloader 又要安装style loader

要先安装webpack的扩展包loader

在webpack.config.js中添加对象。
然后在对main.js文件进行打包
webpack在使用多个loader时，是从右向左的。

对于打包图片，需要使用到url loader
需要先安装，并在中配置

并且得在 main.js中require url
同时packa.json里可以设置图片大小如上图，一旦超过就需要使用file-loader模块进行加载。
首先还是线安装file-loader模块，但对于图片路径需要打败到dist文件夹中，
可以在webpack.config.js中配置
其中publicPath：‘dist/’表示只要涉及到url路径问题，都会在路径前添加添加dist

在main.js中引入vue

aliass 是别名的意思。。