Webpack核心概念-阿里云

文章 2023-04-24 来自：开发者社区

webpack学习笔记(一) 核心概念

这篇文章我们先来简单看看 webpack 中几个的核心概念，并粗略学习一下配置文件的写法1、modewebpack 有两种常见的模式，一种是 development（开发模式），一种是 production（生产模式）两种模式下都有对应的 webpack 内置优化在 development 模式下，process.env.NODE_ENV 的值将被设置为 development// w....

文章 2023-02-18 来自：开发者社区

webpack基础篇（二）：webpack核心概念

说明玩转webpack课程学习笔记。EntryEntry 用来指定 webpack 的打包入口。1、依赖图的入口是entry.2、Entry 的用法单入口：entry 是一个字符串。module.exports = { entry: './path/to/my/entry/file.js' };多入口：entry 是一个对象。module.exports = { entry: { ...

文章 2023-02-16 来自：开发者社区

【Vue五分钟】五分钟了解webpack的核心概念

1、什么是loader 如果 webpack 不知道怎么打包某些模块（默认只知道打包 JS）就需要我们在 module 中配置规则 rules 了，比如说图片；module:{ rules:[{ test:/\.jpg$/, use: { loader: 'file-loader' } }] },file-loade...

文章 2021-11-16 来自：开发者社区

零基础学习Webpack—01(Webpack的五个核心概念)

这是我参与更文挑战的第26天，活动详情查看：更文挑战Webpack是什么？Webpack是一种前端资源构建工具，一个静态模块打包器，在Webpack看来，前端的所有资源文件都会作为模块处理。它将根据模块的依赖关系进行静态分析，打包生成对应的静态资源(bundle).举例引出构建工具在上面的例子中，很多文件中的语法浏览器并不能识别，需要将这些文件中的语法转换为浏览器能够识别的语法。因此构建工具应运....