文章 2023-11-16 来自:开发者社区

Vue系列教程(16)- 模块打包器(webpack)

1. 引言通过前面的章节,我们已经学会了Vue的事件内容分发,有兴趣的同学可以参阅下:《Vue系列教程(01)- 前端发展史》《Vue系列教程(02)- Vue环境搭建、项目创建及运行》《Vue系列教程(03)- Vue开发利器VsCode》《Vue系列教程(04)- VsCode断点调试》《Vue系列教程(05)- 基础知识快速补充(html、css、js)》《Vue系列教程(06)- Vue....

Vue系列教程(16)- 模块打包器(webpack)
文章 2023-01-12 来自:开发者社区

模块打包器Webpack详解!

Webpack1、什么是WebpackWebpack 是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析,然后将这些模块按照指定的规则生成对应的静态资源。从图中我们可以看出,Webpack 可以将多种静态资源 js、css、less 转换成一个静态文件,减少了页面的请求。2、Webpack安装1、全局安装npm install -g webpack webpack-cli 2、安装....

模块打包器Webpack详解!
文章 2022-10-09 来自:开发者社区

全栈开发实战|Vue进阶——使用静态模块打包工具webpack

01、webpack介绍webpack根据模块的依赖关系进行静态分析,然后将这些模块按照指定的规则生成对应的静态资源。图1是来自webpack官方网网站(https://webpack.js.org/)的模块化示意图。图1的左边是业务中编写的各种类型文件,例如typescript、jpg、less、css。这些类型的文件通过特定的加载器(Loader)编译后,最终统一生成.js、.css、.jp....

全栈开发实战|Vue进阶——使用静态模块打包工具webpack
文章 2017-04-01 来自:开发者社区

模块打包工具 webpack

webpack 支持 AMD 和 CommonJS 类型,通过 loader 机制也可以使用 ES6 的模块格式,通过一个 conf 文件,还能提供更加丰富的功能,支持多种静态文件,还有强大的 code spliting(代码拆分和异步加载) 对 conf 文件的解释:可以配置不同profile,如:可以实现一个webpack.config.common.js,然后分别实现webpack.con....

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

开发与运维

集结各类场景实战经验,助你开发运维畅行无忧

+关注