6.loader可以加载依赖
- 理解web打包概念
- 掌握webpack安装方法
- 理解webpack的五个核心
- 掌握webpack的文件处理
- 掌握webpack的vue处理
授课特色:
由浅入深,情景教学、案例教学
作为一个现代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
端口号更改
热重载、实时刷新
公开笔记对他人可见,有机会被管理员评为“优质笔记”
{{ noteEditor.content.length }}/2000
讲师收到你的提问会尽快为你解答。若选择公开提问,可以获得更多学员的帮助。
课程大纲
- 第一章 webpack安装和配置
- 1-1试看 1.第一个node工具的安装03:53
- 1-2试看 2.输出package.json文件04:28
- 1-3试看 3.安装vue依赖01:39
- 1-4试看 4.安装webpack和webpack-cli依赖02:03
- 1-5试看 5.babel-core加载00:49
- 1-6试看 5.2 babel和node modules介绍00:52
- 1-7试看 6.loader可以加载依赖01:55
- 1-8试看 7.安装html-webpack-plugin依赖01:22
- 1-9试看 8.创建目录和文件05:53
- 第二章 webpack命令
- 2-1试看 nrm概念的使用08:41