首页 > 其他分享 >webpack简述

webpack简述

时间:2022-11-26 16:34:46浏览次数:45  
标签:Node node 简述 webpack 模块 安装 打包

1. webpack

  • webpack 就是一个 JavaScript 的静态模块打包工具。

2. 目前市场上的打包工具

  • grunt
  • gulp
  • webpack
  • rollup
    其实 Vue 的源码就是基于 rollup 来构建的。

3. 前端模块化

  • 底层支撑:
    在 webpack 中,可以使用 commonJS、AMD、CMD、ES6 打包工具,但是最终打包的文件中并不会有这些代码,而会转换成大多数浏览器所支持的。

  • webpack 还会自动帮助我们处理各个模块之间的依赖关系,也就是各个文件之间的导入导出。

  • webpack 中,不仅 JavaScript 文件会当成模块,CSS、json、图片等文件都会当成模块。

4. webpack 依赖于 node 环境

  • node 环境为了正常执行各种代码,需要包含各种包(Node 环境也有很多依赖包)。

  • 如果我们手动管理 Node 中的各种包,这无疑是一项巨大的工程。

  • 所以,一般在安装 Node 的时候,会自动安装 npm(Node package manager) 工具,帮助我们管理 Node 下的各种包。

  • node -v 查看版本号

5. 安装 webpack

  • 安装 3.6.0 版本的 webpack,因为 Vue CLI2.0 使用的就是这个版本的 webpack。

  • npm install [email protected] -g

标签:Node,node,简述,webpack,模块,安装,打包
From: https://www.cnblogs.com/n9c9/p/16927591.html

相关文章

  • MODBUS简述
    MODBUS简述Modbus是一种串行通信协议,是Modicon公司(现在的施耐德电气SchneiderElectric)于1979年为使用可编程逻辑控制器(PLC)通信而发表。Modbus已经成为工业领域通信协议的......
  • 简述五种开源NAS存储服务器--转
    存储对于公司来说是必不可少的:数据必须被存储、检索、共享和保护。下面小编为大家介绍一下5款开源的NAS存储服务器一、云计算云计算正在蓬勃发展,比任何云存储系统都要快......
  • webpack练习中的坑
    记录下在练习搭建webpack中遇到的问题。1,今天照着B站学习时,发现同样的代码我本地运行报错如下TypeError:ClassconstructorServeCommandcannotbeinvokedwithout......
  • 基于LSM树的存储机制简述
    下午听了关于MyRocks-PASV的研究讲座,很有意思所以学习了一下LSM树的一些简单的底层原理。现在整理一下我们都知道目前Key:Value型的数据库普遍较之关系型数据库有着更......
  • webpack多入口配置
    constpath=require("path");constHtmlWebpackPlugin=require("html-webpack-plugin")module.exports={entry:{app:'./src/app.js',main:'./s......
  • webpack配置不同环境域名进行映射访问
    前言:前端开发经常会不同环境进行测试和开发等,如dev和uat的环境数据有差异,或者代码有略微不同,都会导致前端开发在调试不同环境的Bug时可能需要访问不同域名,此时我们可以通......
  • 简述linux系统中软件包管理系统
    前几篇文章一一介绍了LINUX进程管理控制命令,详细介绍了静态查看ps命令和动态查看top命令,以及中断、停止命令在实际管理控制过程中的一些实践操作等这篇文章主要简单介绍下......
  • webpack调优技巧
    1.提高构建速度:thread-loader启用多线程cache-loader使用缓存热更新配置exclude&include2.减少打包体积压缩css代码css-minimizer-webpack-plugin压缩js代码ter......
  • 模块化开发和webpack
    模块化开发和webpack模块化相关规范1、概述开发模式主要问题命名冲突文件依赖2、通过模块化解决上述问题模块化就是把单独的一个功能封装到-一个模块(文件)中,......
  • 记录一下webpack打包worker-loader失败的问题
     报错信息:Modulebuildfailed(from./node_modules/thread-loader/dist/cjs.js):ThreadLoader(Worker0)Cannotreadpropertiesofundefined(reading'createChi......