整理思绪webpack4.x(一)

整理思绪webpack4.x(一)

整理思绪webpack4.x(一)

先检查有没有安装node ,npm

整理思绪webpack4.x(一)

安装全局webpack

整理思绪webpack4.x(一)

初始化项目

整理思绪webpack4.x(一)

整理思绪webpack4.x(一)

安装开发版本的webpack

整理思绪webpack4.x(一)

安装完成后会多2个文件,如上图

node_modules里面装了你下载的所有依赖

package.json 则是你的配置(这个文件在新机器上输入npm install ,则会自动补全依赖)

整理思绪webpack4.x(一)

全局安装脚手架

webpack4  要有src   index.js 入口    dist main.js 出口  不然报错  如图1所示

整理思绪webpack4.x(一)

整理思绪webpack4.x(一)

webpack -w 监听  文件变动会自动保存

整理思绪webpack4.x(一)

可以通过暴露接口,在其他的js里面引用别的方法

整理思绪webpack4.x(一)

整理思绪webpack4.x(一)

整理思绪webpack4.x(一)

注意使用的时候先安装依赖