你将收获

安装webpack基本框架

部署vue项目

生产环境配置

webpack-dev-server的使用

适用人群

1.对模块化开发有一些了解 2.适合有一定前端基础的同学 3.对打包有一个基本的概念 4帮助学生简单精准快速入门webpack!

课程介绍

授课特色:

  由浅入深,情景教学、案例教学

作为一个现代javascript 应用程序的静态模块打包器,webpack能将各种资源,如js,css, 图片等作为模块来处理,是当下前端工程化的一个很受欢迎的工具,webpack目前最新的版本是4.0。

       Webpack 是当下最热门的前端资源模块化管理和打包工具。它可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源。还可以将按需加载的模块进行代码分隔,等到实际需要的时候再异步加载。通过 loader 的转换,任何形式的资源都可以视作模块,比如 CommonJs 模块、 AMD 模块、 ES6 模块、CSS、图片、 JSON、Coffeescript、 LESS 等。

       Webpack已经是大部分前端项目打包工具,比如最热门前端框架之一React,用它开发的项目都是用webpack进行模块化管理和打包。

1、webpack工具的安装

2、服务安装与启动

3、html打包

3,布局图片打包

4、内容图片打包

5、ES6打包   

webpack-热门的模块加载器兼打包工具

webpack介绍

webpack作用

browerify和webpack的区别

webpack的安装

webpack编译第一个例子

loader加载其他类型文件

webpack.config.js

用其他名字的配置文件

生产环境编译

开发环境编译

监听文件变化

生成source-map

babel配置

babelrc文件的作用

webpack-dev-server

端口号更改

热重载、实时刷新

课程目录

讨论留言

正在加载中...