webpack 模块打包机:

网址:https://webpack.docschina.org/

1.预处理语言

有三种:less,sass,stylus.

任何一个文件,在webpack里都是模块

require :图片就是模块

commonJS:引入模块方式require,导入module.export 

ES6模块化规范:import export

Cmd

Amd

面试题(webpack打包的最终生成文件?)

css fonts img js map static index html

webpack的功能 : 静态模块打包工具

bundles : 最终的打包文件

Gulp与webpack区别:

task:压缩 合并 ...

gulp是工具,

webpack

webpack的五个核心概念:

entry入口点:

output出口

loader:webpack只能识别js,

plugs:插件

mode:开发模式和生产模式

安装:

1.cnpm init -y:自动生成包管理文件,package.json文件,-y:按默认方式

2.cnpm i -D webpack:安装webpack

3.cnpm i -D webpack-cli :安装webpack脚手架

4.在package的文件中配置( "dev或者是build": "webpack"),配置到scripts的test,后边

5.运行结果 cnpm run dev或者是build

模式设置:    mode: 'development',

pom:xml

js:cnpm yarn

vue:

jacascript:ECMA +DOM+BOM

nodejs:ECMA_node api

java:java语法+jdk(api)

plug插件:

html-webpack-plugin:创建html文件,并将打包后的js自动放入创建的 html

1.安装

cnpm i -D html-webpack-plugin

最后 打包文件

直接命令行输入 cnpm run build