webpack4.26的详细配置，包含babel, eslint, postcss, 及各种所需loader，内含大量注释

原创于 2019-04-11 16:33:35 发布 · 637 阅读

CC 4.0 BY-SA版权

文章标签：

本文详细介绍了一个基于Webpack4.26的项目配置，包括dll、copyWebpackPlugin、eslint、babel、less、HtmlWebpackPlugin等插件的使用。项目结构清晰，提供了完整的构建文件和生产文件，适合初学者学习和参考。

- github地址：https://github.com/qianxiaoning/demo-webpack4.26
- 内含详尽注释

- 欢迎大家star或者fork呀~
> 目录结构
### completeDemo 我的完整项目demo
#### completeDemo 我的完整项目demo
- build webpack构建文件（主要包含dll, copyWebpackPlugin, eslint, babel, less, HtmlWebpackPlugin, webpack-dev-server, hmr, CleanWebpackPlugin, webpack-merge, MiniCssExtractPlugin这些配置）
- src 生产文件
- images 图片文件夹
- locales 国际化目录
- entry.js 入口函数
- index.less 样式文件
- static 静态资源
- .eslintrc.js eslint配置文件
- babel.config.js babel配置文件
- fav.ico ico
- index.ejs webpack HtmlWebpackPlugin模板
- postcss.config.js postcss配置文件
### guidingDemo 官网指引demo