zoukankan      html  css  js  c++  java
  • 09 webpack的介绍

    webpack干嘛的?:

     模块打包机,分析目录结构,找到js模块(包括浏览器不能直接识别的代码 typscript sass...),打包成合适的格式供浏览器访问

    webpack是一款模块加载器兼打包工具,它能把各种资源,例如JS(含JSX)、coffee、样式(含less/sass)、图片等都作为模块来使用和处理。 webpack 的核心是 依赖分析,把依赖分析出来了,其他都是细枝末节了

    模块打包 构建(项目)

    打包的优势(webpack的优势):

        1 、模块化,拆分了业务复杂的js代码--》细小的文件
        2、 js拓展---》 基于原型面向对象---》基于class(typescript , es6)-->浏览器识别

     webpack与gulp的区别:

        1、webpack支持模块化,建有优化的流程。

        2、webpack具有缓存机制。

      webpack的工作原理

          简单的说就是分析代码,找到“require”、“exports”、“define”等关键词,并替换成对应模块的引用。

          在一个配置文件中,指明对某些文件进行编译、压缩、组合等任务。把你的项目当成一个整体,通过一个给定的主文件(index.js),webpack将从这个文件开始找到你的项目的所有的依赖文件,使用loaders处理他们,最后打包为一个浏览器可以识别的js文件。

    webpack安装

    npm install webpack

     

  • 相关阅读:
    案例十:shell编写nginx服务启动程序
    Linux在实际中的应用
    案例九:shell脚本自动创建多个新用户,并设置密码
    数据架构的演变
    第一个Struts2程序
    关于eclipse导入Tomact报404的问题
    单选框 RadioButton
    EditText编辑框
    Button控件的三种点击事件
    1319: 同构词
  • 原文地址:https://www.cnblogs.com/Rivend/p/11882132.html
Copyright © 2011-2022 走看看