AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

Webpack-01：Webpack简介

2021-11-15 167
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： Webpack-01：Webpack简介

Webpack是什么？

  • Webpack是一种前端资源构建工具，是一个静态模块打包器，从Webpack的角度看，前端的所有资源文件都会作为模块处理，它将根据模块的依赖关系进行静态分析，打包生成对应的静态资源。
  • 浏览器有时候无法解析某些资源文件，通过Webpack可以将这些资源文件进行统一打包，例如下面的less文件

image.png

文章标签：
前端开发
关键词：
Webpack简介
答案命运
目录
相关文章
编程三昧
|
前端开发 JavaScript 测试技术
Webpack 简介
构建其实是工程化、自动化思想在前端开发中的体现，把一系列流程用代码去实现，让代码自动化地执行这一系列复杂的流程。 构建给前端开发注入了更大的活力，解放了我们的生产力。
编程三昧
331 0
Webpack 简介
达摩院法师
|
前端开发
Webpack 2 视频教程 001 - Webpack 简介
这是我免费发布的高质量超清「Webpack 2 视频教程」。 Webpack 作为目前前端开发必备的框架，Webpack 发布了 2.0 版本，此视频就是基于 2.0 的版本讲解的。 这个基本就是目前国内最好的 Webpack 2.0 最好的学习视频了，希望可以对新手或者复习相关知识的朋友有用。
达摩院法师
1077 0
我是快乐的嘟嘟
|
缓存 前端开发 JavaScript
Webpack 打包的基本原理
【10月更文挑战第5天】
我是快乐的嘟嘟
323 67
我是快乐的嘟嘟
|
前端开发 JavaScript
ES6模块化和webpack打包
【10月更文挑战第5天】
我是快乐的嘟嘟
530 66
dufadayang
|
JavaScript
webpack打包TS
webpack打包TS
dufadayang
243 60
六卿
|
JavaScript 测试技术 Windows
vue配置webpack生产环境.env.production、测试环境.env.development(配置不同环境的打包访问地址)
本文介绍了如何使用vue-cli和webpack为Vue项目配置不同的生产和测试环境，包括修改`package.json`脚本、使用`cross-env`处理环境变量、创建不同环境的`.env`文件，并在`webpack.prod.conf.js`中使用`DefinePlugin`来应用这些环境变量。
六卿
1245 2
vue配置webpack生产环境.env.production、测试环境.env.development(配置不同环境的打包访问地址)
有路有乔-六月
|
缓存 前端开发 JavaScript
深入了解Webpack：模块打包的革命
【10月更文挑战第11天】深入了解Webpack：模块打包的革命
有路有乔-六月
154 1
众所周知
|
前端开发 开发者
在前端开发中，webpack 作为一个强大的模块打包工具，为我们提供了丰富的功能和扩展性
【9月更文挑战第1天】在前端开发中，Webpack 作为强大的模块打包工具，提供了丰富的功能和扩展性。本文重点介绍 DefinePlugin 插件，详细探讨其原理、功能及实际应用。DefinePlugin 可在编译过程中动态定义全局变量，适用于环境变量配置、动态加载资源、接口地址配置等场景，有助于提升代码质量和开发效率。通过具体配置示例和注意事项，帮助开发者更好地利用此插件优化项目。
众所周知
208 13
dufadayang
|
缓存
webpack 打包多页面应用
webpack 打包多页面应用
dufadayang
164 2
德国都芳最好
webpack 打包多页面应用
webpack 打包多页面应用
德国都芳最好
106 2