vue学习(12)—模块化webpack加载less、vue、图片等资源文件

 

webpack:静态模块化打包工具css

 

 

 

 

 

--save 命令是将依赖配置保存到package.json文件中 vue

-dev是指在package.json文件中 将此依赖配置到devdependencies中,只有开发时依赖,打包上线运行后再也不依赖使用webpack

-g 是global全局的缩写,是全局安装,安装以后,在任意的命令窗口均可以使用,至关于在path环境中配置了路径web

当在package.json中配置了script脚本,运行run npm 命令时会优先使用本地的webpacknpm

 

 

 

 

webpack使用css文件的配置

 

 

 

webpack处理less文件

安装和配置

从下往上加载,会使用三个loader,每一个做用不同,见图中注释json

less是个工具包,webpack用来将less编译为css文件less

 

webpack处理图片资源文件

还有json文件资源等等模块化

 

 

打包以后会对图片进行重命名,使用哈希命名,避免重复文件名工具

 

ES6语法处理

 

webpack引入vue.js