166 条“webpack打包提速-3” 相关内容
- Bootstrap快速开始 | Getting started打包器 | Webpack
打包器 | Webpack
WebPack 学习如何使用Webpack2在您的项目中引入Bootstrap。 安装Bootstrap 安装引导作为一个使用NPM的Node.js模块。
- webpack指南 | Guides编写库 | Authoring Libraries
编写库 | Authoring Libraries
创建一个library 除了打包应用程序代码，webpack还可以用于打包JavaScriptlibrary。以下指南适用于希望流水线化(streamline)打包策略的library作者。
- webpack指南 | Guides集成 | Integrations
集成 | Integrations
webpack是一个模块打包器(modulebundler)（例如，Browserify或Brunch）。它不是一个任务执行器(taskrunner)（例如，Make,Grunt或者Gulp）。
- webpack概念 | Concepts依赖关系图 | Dependency Graph
依赖关系图 | Dependency Graph
- webpack装载 | Loadersbabel-loader
babel-loader
babel-loader 软件包允许使用Babel和webpack传输JavaScript文件。 注意：应该在babel问题跟踪器上报告输出问题。
- webpack组态 | Configuration外部环境 | Externals
外部环境 | Externals
用户(consumer)，在这里是指，引用了「使用webpack打包的library」的所有终端用户的应用程序(enduserapplication)。
- webpack指南 | Guides开始 | Getting Started
开始 | Getting Started
- webpack插件 | PluginsModuleConcatenationPlugin
ModuleConcatenationPlugin
ModuleConcatenationPlugin 过去webpack打包时的一个取舍是将bundle中各个模块单独打包成闭包。这些打包函数使你的JavaScript在浏览器中处理的更慢。
- RxJS 5Pipeable 操作符 | Pipeable Operator Pipeable 操作符 | Pipeable Operator
Pipeable 操作符 | Pipeable Operator
例如，比如你导入了scan，但后来不再使用了，但它仍会被添加到打包后的文件中。使用pipeable操作符的话，如果你不再使用它的简化，lint规则可以帮你检测到。
- webpack组态 | Configuration插件 | Plugins
插件 | Plugins
Plugins plugins选项用于以各种方式自定义webpack构建过程。webpack附带了各种内置插件，可以通过webpack.[plugin-name]访问这些插件。
- webpack指南 | Guides缓存 | Caching
缓存 | Caching
以上，我们使用webpack来打包我们的模块化后的应用程序，webpack会生成一个可部署的/dist目录，然后把打包后的内容放置在此目录中。
- webpack指南 | Guides发展 | Development
发展 | Development
- webpack指南 | Guides资产管理 | Asset Management
资产管理 | Asset Management
同样方式也被用于JavaScript模块，但是，像webpack这样的工具，将__动态打包(dynamicallybundle)__所有依赖项（创建所谓的依赖图(dependencygraph）。
- webpack概念 | Concepts构建目标 | Targets
构建目标 | Targets
构建目标（Targets） 因为服务器和浏览器代码都可以用JavaScript编写，所以webpack提供了多种_构建目标(target)_，你可以在你的webpack配置中设置。
- webpack组态 | Configuration配置类型 | Configuration Types
配置类型 | Configuration Types
- webpack概念 | Concepts模块解析 | Module Resolution
模块解析 | Module Resolution
resolver帮助webpack找到bundle中需要引入的模块代码，这些代码在包含在每个require/import语句中。
- webpack概念 | Concepts清单 | The Manifest
清单 | The Manifest
Manifest 在使用webpack构建的典型应用程序或站点中，有三种主要类型的代码： 1.你或你的团队编写的源码。 2.你的源码会依赖的任何第三方的library或"vendor"代码。
- webpack组态 | Configuration解析 | Resolve
解析 | Resolve
resolve.mainFields array 当从npm包中导入模块时（例如，import*asD3from"d3"），此选项将决定在package.json中使用哪个字段导入模块。
腾讯云开发者
扫码关注腾讯云开发者
领取腾讯云代金券
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号