## Webpack是什么
## 为什么要选择webpack
Vue.js官方脚手架工具就使用了webpack模板
对所有的资源会压缩等优化操作
它在开发过程中提供了一套完整的功能,能够使得我们开发过程中变得高效。
## Webpack如何使用
Webpack的安装
~~~
npm install webpack -g
~~~
在cmd命令行中调用webpack 指令 给定两个参数 要打包的文件路径 要输出的文件路径
Webpack的基本打包演示
利用webpack打包计算机需求
第一种方式
webpack main.js build.js
第二种方式 新建一个webpack.config.js文件
webpack
利用webpack打包css
Webpack本身并不支持CSS打包,它其实是加载相关的loader来进行不同文件的打包处理
其实要想打包css,就必须依赖与style-loader和css-loader
1.利用npm 安装好style-loader和css-loader
2.在webpack.config.js中配置好这两个loader,并且顺序一定是style-loader ,cs-loader
3.调用webpack执行
- 前端新手村
- 前言
- 第1章 遇见Vue.js
- 第一个Vue.js程序
- vue尝鲜
- 第2章 概念理解
- 渐进式框架
- 虚拟DOM
- MVVM模式
- MVX模式是什么
- 第3章 Vue基础概览
- 第4章 Vue内置指令详解
- vue-text
- vue-html
- v-show
- v-if
- v-else
- v-else-if
- v-for
- v-on
- v-bind
- v-model
- v-pre
- v-cloak
- v-once
- 第5章 基础demo小练习
- 图书管理系统
- 页面布局
- 列表渲染
- 功能实现
- 基于BootStrap+Vuejs实现用户信息表
- 功能描述
- 布局实现
- 星座判断
- 第6章 组件
- 什么是组件
- 使用组件
- Prop
- 自定义事件
- 使用Slot分发内容
- 动态组件
- 杂项
- 第7章-过渡
- 过渡效果
- 概述
- 单元素/组件的过渡
- 初始渲染的过渡
- 多个元素的过渡
- 多个组件的过渡
- 列表过渡
- 可复用的过渡
- 动态过渡
- 过渡状态
- 状态动画与watcher
- 动态状态转换
- 通过组件组织过渡
- Render函数
- 基础
- createElement参数
- 使用JavaScript代替模板功能
- JSX
- 函数化组件
- 模板编译
- 自定义指令
- 简介
- 钩子函数
- 钩子函数参数
- 函数简写
- 对象字面量
- Vuex状态管理
- Vuex是什么?
- Vuex的安装
- Vuex起步
- data的替代品-State和Getter
- 测试Getter
- Action-操作的执行者
- 测试Action
- 只用Mutation修改状态
- 测试Mutations
- Vuex的基本结构
- 子状态和模块
- 用服务分离外部操作
- Vue-router
- Vue-router是什么
- Vue-router安装
- 基本用法1
- 基本用法2
- Vue-cli
- Vue中的Node.js
- Vue中的npm、cnpm
- Vue中的webpack
- 安装
- 基本使用
- 模板
- 全局API
- Vue.extend
- Vue.nextTick
- Vue.set
- Vue.delete
- Vue.directive
- Vue.filter
- Vue.component
- Vue.use
- Vue.mixin
- Vue.compile
- 附录
- 相关网站
- 尤雨溪
- 第10章 webpack
- webpack安装
- webpack基本使用
- webpack命令行
- webpack配置文件
- 单页面应用SPA
- 第1章 Vue.js简介
- 1.1 Vue.js简介
- 1.1.1 Vue.js是什么
- 1.1.2 为什么要用Vue.js
- 1.1.3 Vue.js的发展历史
- 1.1.4 Vue.js与其他框架的区别
- 1.2 如何使用Vue.js
- 1.2.1 第一个Vue.js程序
- 1.2.2 Vue.js小尝鲜
- 1.3 概念详解
- 1.3.1 什么是渐进式框架
- 1.3.2 虚拟DOM是什么
- 1.3.3 如何理解MVVM
- 第2章 基础概览
- 2.1 Vue实例
- 2.1.1 构造器
- 2.1.2 属性与方法
- 2.1.3 实例生命周期
- 2.1.4 生命周期图示
- 2.2 模板语法
- 2.2.1 插值
- 2.2.2 指令
- 2.2.3 过滤器
- 2.2.4 缩写
- 第3章 Class与Style的绑定
- 第4章 模板渲染
- 第5章 事件详解
- 第6章 表单控件绑定
- 第7章 指令详解
- 7.1 内部指令
- 7.2 自定义指令
- 7.3 指令的高级选项
- 第8章 计算属性
- 第9章 过滤器
- 第10章 组件
- 10.1 什么是组件
- 10.2 注册组件
- 10.3 组件选项
- 10.4 组件间的通信
- 10.5 内容分发
- 10.6 动态组件