webpack安装及其与node.js, npm的关系

webpack是一个模块打包工具,安装前需要有node.js环境,而node.js自带了软件包管理工具npm

webpack作用:

1将sass/less 等预编译的css语言转换成浏览器识别的css文件
2能够将多个预编译文件打包成一个文件
3 打包image/styles/assets/scrips/等前端常用的文件
4 搭建开发环境开启服务器
5 监视文件改动,热部署。
6 将单文件组件(*.vue)类型的文件,转化成浏览器识别的内容

如何安装webpack

cmd输入命令

webpack安装及其与node.js, npm的关系

webpack安装及其与node.js, npm的关系