欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

详细的 webpack4 多入口配置

程序员文章站 2022-07-12 19:34:30
...

详细的 webpack4 多入口配置

本文主要是多入口配置,希望能在无框架开发网页时提高开发效率,对代码进行打包优化。本文有什么需要改善的地方,还望各位多多指教。

本文关键词:

  1. babel7
  2. 多入口
  3. sass
  4. 图片处理
  5. 音视频处理
  6. 字体处理
  7. gzip

github 源码

模块总览

目录结构大概如下:

|-build
  |-create.js
  |-utils.js
  |-webpack.base.js
  |-webpack.dev.js
  |-webpack.prod.js
|-dist
|-src
|-.babelrc
|-.eslintrc.js
|-package.json
// webpack.base.js
const webpack = require('webpack')
const PurgecssPlugin =