Keeping Studing

风雨哈佛路,做一个心怀期待的Developer

分类 webpack 下的文章

webpack — 多页面打包配置

说明2018年初在上家公司做新编辑器V2.0版本时,需要我用webpack实现多页面打包和页面嵌套显示的功能(见下方案例)。由于当时不了解webpack,但是任务面前我只能赶鸭子上架,加班加点地在网上搜寻各种实现方法,虽然费了几个小时但最终还是磕磕绊绊地实现了功能(现在回忆一下,还是能回想起当时实现了功能的那一刻自己内心的舒畅和开心哈哈~~)最近在学习webpack,今天终于把当初的这个配置...
July 1, 2019

webpack— Plugins

什么是plugin?plugin 可以在 webpack 运行到某个时刻的时候,帮你做一些事情。 使用 plugins 可以让打包更便捷。常用的plugin:HtmlWebpackPluginCleanWebpackPlugin1. HtmlWebpackPlugin作用HtmlWebpackPlugin会在打包结束后,(以template文件为模板)自动生成一个html文件,并把打包生成的...
June 28, 2019

webpack学习—使用 Loader 打包静态资源

使用 Loader 打包图片官方文档《file-loader》官方文档《url-loader》使用 Loader 打包静态资源(样式)1. css文件使用loader:css-loader、style-loader。module.exports = { module: { rules: [ { test: /\.css$/i, use:...
June 27, 2019

webpack学习—Loader

1. 为什么需要Loaderwebpack默认只能直接打包js文件,无法打包其他格式的资源,如图片、文本等。但是webpack允许我们使用loaders对文件进行预处理,则你可以打包任何静态资源了。你还可以轻松地使用Node.js编写自己的loaders。2. 什么是loadersLoaders是应用于模块源代码上的转换。它们允许您在import或 “load” 文件时对文件进行预处理。加载...
June 26, 2019

webpack学习—概念、安装、配置文件

说明最近开始学习webpack,今天阅读了英文版的官方文档的《Getting Started》,且自己操作了一遍,并摘抄整理成笔记,记录成此文。后续将继续更新webpack系列的学习笔记。