webpack(一)安装

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查看相关的命令。

发布了29 篇原创文章 · 获赞 78 · 访问量 11万+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章