美文网首页
webpack学习记录

webpack学习记录

作者: 拾钱运 | 来源:发表于2019-10-08 11:19 被阅读0次

先从看文档开始学习,认识,学习的是webpack v4.41.0
传送门:https://www.webpackjs.com/

概念:

webpack是现代javascript应用程序的静态模块打包器。当webpack处理程序的时候,他会递归地构建一个依赖关系图,其中包含应用程序需要的每个模块,然后将所有这些模块打包成一个或多个bundle。

了解更多javascript模块和webpack模块这里:https://www.jianshu.com/p/164111f4ba70
从webpack v4.0.0开始,可以不用引入一个配置文件。然而,webpack仍然还是高度可配置(需要在进一步学习)的。
webpack的四个核心概念:

  • 入口(entry)
  • 输出 (output)
  • loader
  • 插件(plugins)

入口

入口起点指示webpack应该使用哪个模块,来作为构建其内部依赖图的开始。进入入口后webpack会找出那些模块和库是入口(直接和间接)依赖的
每个依赖项随即被处理,最后输出到一个叫bundles的文件中
通过webpack配置entry属性,来指定一个入口文件(main.js)

出口

相关文章

  • 初探webpack小记

    webpack学习记录 安装webpack 全局安装webpack:npm install webpack -g之...

  • 前端工程化之webpack学习记录

    本文是本人正式开始学习webpack的记录文档,时间:2020-05-16,webpack版本:"webpack"...

  • webpack学习记录

    学习链接: https://doc.webpack-china.org/concepts/webpack处理css...

  • 学习webpack记录

    现在在用JavaScript练习算法题,用到大量ES6语法特性,在补充ES6语言基础的同时,实在觉得nodejs内...

  • webpack学习记录

    先从看文档开始学习,认识,学习的是webpack v4.41.0传送门:https://www.webpackjs...

  • Webpack学习记录

    注:“_dirname”是node.js的一个全局变量,指向当前执行脚本所在的目录。 几个核心概念。 Entry:...

  • 2018-06-17 webpack—js打包

    记录webpack打包学习 我现在跟着视频教程学习webpack基础打包,在最开始就遇到了问题,首先教程webpa...

  • webpack学习记录(起步)

    学习的首要在于形成闭环,所以虽然只是很累赘的复述,但也请认真对待吧~ webpack用于打包编译js模块,这样说很...

  • webpack学习记录01

    entry和output 新建一个文件夹, 进去之后安装了webpack, 和webpack-dev-server...

  • webpack学习记录02

    loaders现在盛行的语法react, 用的是独创的jsx语法,loaders参数可以让你的项目自动识别这些js...

网友评论

      本文标题:webpack学习记录

      本文链接:https://www.haomeiwen.com/subject/njqtpctx.html