webpack

webpack

webpack概述

webpack是一个流行的前端项目构建工具(打包工具),可以解决当前web开发中所面临的困境

webpack提供了友好的模块化支持,以及代码压缩混淆、处理js兼容问题、性能优化问题等强大的功能

webpack的基本使用
在项目中安装和配置webpack

在这里插入图片描述

配置打包的入口与出口

在这里插入图片描述

配置webpack自动打包功能

在这里插入图片描述

配置html-webpack-plugin生成预览页面

在这里插入图片描述

配置自动打包相关参数

在这里插入图片描述

webpack中的加载器
通过loader打包非js模块

在这里插入图片描述

loader的调用过程

在这里插入图片描述

webpack中加载器的基本使用
打包处理css文件

在这里插入图片描述

打包处理less文件

在这里插入图片描述

打包处理scss文件

在这里插入图片描述

配置postCSS自动添加css的兼容前缀

在这里插入图片描述

打包样式表中的图片和字体文件

在这里插入图片描述

打包处理js文件中的高级语法

在这里插入图片描述

Vue单文件组件

webpack中配置vue组件的加载器

在这里插入图片描述

在webpack项目中使用vue

在这里插入图片描述

webpack打包发布

在这里插入图片描述

展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 大白 设计师: CSDN官方博客
应支付0元
点击重新获取
扫码支付

支付成功即可阅读