webpack4---模块化打包工具

一、webpack4初识

1.首先先了解几个规范

CommonJS规范，导出：module.exports = Header;

其他规范CMD,AMD

2.给出一个小的项目

如果该项目不用webpack打包根本并不会正确运行，因为浏览器并不会识别导入导出的js语法，但是webpack可识别这些语法

首先 npm init 初识化项目，然后npm install webpack webpack-cli -D/--save-dev 进行安装webpack

将index.js文件打包，npx webpack index.js

这时候在导入生成的dist目录下的main.js即可正常运行项目

但是就会有人说了，那webpack不就是js的翻译器么，这样说其实是夸大了他的功能，因为他只能识别很少部分js

二、webpack的安装

1.全局安装：npm install webpack webpack-cli -g

2.小点补充：（1）npm info webpack 可以车看webpack中所有的版本

文章来源: https://blog.csdn.net/sunshine_yinger/article/details/92401011