webpack(一)安装
来源:互联网 发布:淘宝买号 编辑:程序博客网 时间:2024/05/17 09:31
webpack?
webpack是一个模块打包器,它将根据模块的依赖关系进行静态分析,然后将这些模块按照指定的规则生成对应的静态资源。
打包核心原理:分块传输,按需进行懒加载,在实际用到某些模块的时候再增量更新,才是较为合理的模块加载方案。要实现模块的按需加载,就需要一个对整个代码库中的模块进行静态分析、编译打包的过程、分析出各个模块的类型和它们依赖关系,然后将不同类型的模块提交给适配的加载器来处理。比如一个用 less写的样式模块,可以先用 less加载器将它转成一个css模块,在通过 css 模块把他插入到页面的 style 标签中执行。webpack 就是在这样的需求中应运而生。
webpack的工作原理:webpack 会分析入口文件,解析包含依赖关系的各个文件。这些文件(模块)都打包到 bundle.js 。Webpack 会给每个模块分配一个唯一的 id 并通过这个 id 索引和访问模块。在页面启动时,会先执行 entry.js 中的代码,其它模块会在运行 require 的时候再执行。
windows下的安装
由于webpack是依赖npm的,所以需要先安装node.js环境,node里面内置了npm包管理器相关的模块。
首先通过npm安装全局环境:
npm install webpack -g //安装npm uninstall webpack --save-dev //卸载
此时 Webpack 已经安装到了全局环境下,可以通过命令行 webpack -h查看相关的命令。
0 0
- webpack(一)安装
- webpack ( 一 ) 安装
- webpack(一)
- webpack入门(一)
- webpack实战(一)
- Webpack学习(一)
- Webpack 使用(一)
- webpack v.3.x 入门(一) — 安装
- vue环境搭建(一)webpack和vue-cli安装
- webpack笔记(安装)
- (一)webpack入门——webpack的安装
- 一、webpack的安装和命令行 --xyp_hf
- Webpack 入门(一):安装 / 打包 / 命令行
- 【webpack】学习记录(一)
- webpack使用教程(一)
- webpack使用笔记(一)
- webpack完整教程(一)
- webpack学习ES6(一)
- HDOJ 3537 Daizhenyang's Coin
- 面向对象的特征有哪些方面
- C++中关于复杂的多维数组声明的总结
- C++中的“流”和fstream类的一点总结
- 前端面试题整理
- webpack(一)安装
- 简单电话本实现
- windows下配置React Native开发环境
- Java中Collection和Collections的区别
- 国内一线互联网公司内部面试题库(转)
- 修改注释模板
- Android基础----Intent
- 1009. Product of Polynomials (25)-PAT甲级真题
- poj 1502