webpack — 多页面打包配置
说明2018年初在上家公司做新编辑器V2.0版本时，需要我用webpack实现多页面打包和页面嵌套显示的功能（见下方案例）。由于当时不了解webpack，但是任务面前我只能赶鸭子上架，加班加点地在网上搜寻各种实现方法，虽然费了几个小时但最终还是磕磕绊绊地实现了功能（现在回忆一下，还是能回想起当时实现了功能的那一刻自己内心的舒畅和开心哈哈~~）最近在学习webpack，今天终于把当初的这个配置...
webpack—使用 Babel 处理 ES6 语法（转成ES5）+ 实现对React框架代码的打包
Babel: 下一代 JavaScript 语法的编译器。
webpack— Plugins
什么是plugin?plugin 可以在 webpack 运行到某个时刻的时候，帮你做一些事情。 使用 plugins 可以让打包更便捷。常用的plugin：HtmlWebpackPluginCleanWebpackPlugin1. HtmlWebpackPlugin作用HtmlWebpackPlugin会在打包结束后，(以template文件为模板)自动生成一个html文件，并把打包生成的...
webpack学习—使用 Loader 打包静态资源
使用 Loader 打包图片官方文档《file-loader》官方文档《url-loader》使用 Loader 打包静态资源（样式）1. css文件使用loader：css-loader、style-loader。module.exports = {
module: {
rules: [
{
test: /\.css$/i,
use:...
webpack学习—Loader
1. 为什么需要Loaderwebpack默认只能直接打包js文件，无法打包其他格式的资源，如图片、文本等。但是webpack允许我们使用loaders对文件进行预处理，则你可以打包任何静态资源了。你还可以轻松地使用Node.js编写自己的loaders。2. 什么是loadersLoaders是应用于模块源代码上的转换。它们允许您在import或 “load” 文件时对文件进行预处理。加载...
webpack学习—概念、安装、配置文件
说明最近开始学习webpack，今天阅读了英文版的官方文档的《Getting Started》，且自己操作了一遍，并摘抄整理成笔记，记录成此文。后续将继续更新webpack系列的学习笔记。