六. webpack学习

webpack是一个前端资源的打包工具,它可以将js、image、css等资源当成一个模块进行打包

1.webpack的优势

六. webpack学习

2. 使用

(1) 安装node.js

(2) 安装npm

(3) 安装cnpm

npm默认会去国外的镜像去下载js包,在开发中通常我们使用国内镜像,这里我们使用淘宝镜像

安装完cnmp之后如果出现不是"内部命令"的错误,请配置环境变量,cnpm.exe的位置处于配置的npm的modules中

(4) 安装webpack

     本地安装:指定的文件夹下面

     进入这个文件夹下

六. webpack学习

     全局安装:安装在npm默认的依赖包目录

六. webpack学习

加上版本号

(5) 使用

理解 : 方法 视图 分开

六. webpack学习

六. webpack学习

使用webpack打包------main.js为入口

六. webpack学习

六. webpack学习

(6) 实际在企业中的使用

六. webpack学习

六. webpack学习

安装:六. webpack学习

package.json

六. webpack学习

配置webpack.config.js

六. webpack学习

六. webpack学习

总结:

六. webpack学习