1.webpack --mode development

 原因：非全局安装   ，全局安装即可，npm i webpack webpack-cli -g

2. webpack  --mode development

开发环境下打包，默认入口及出口文件。

3. webpack  ./src/index.js -o ./build --mode development

通过命令指定入口文件及出口文件

 4、webpack5打包图片路径
1）参考：

https://www.jianshu.com/p/36e972b19b28

https://blog.csdn.net/w184167377/article/details/118930758?utm_medium=distribute.pc_relevant.none-task-blog-2~default~baidujs_baidulandingword~default-0.no_search_link&spm=1001.2101.3001.4242.0

2）webpack5打包图片失败原因：

https://forum.framework7.io/t/module-build-failed-from-node-modules-mini-css-extract-plugin-dist-loader-js/14082

if update css-loader ^5.2.7 → ^6.2.0 no longer loads font icons correctly solution downgrade to 5.2.7
https://github.com/webpack-contrib/css-loader/blob/master/CHANGELOG.md#600-2021-07-14

 

 不管如何修改publicPath和outputPath值都报下图错误：

  本机下载css-loader为^6.4.0，将css-loader版本改为^5.2.7后解决

 5、webpack打包css时排除某一个css文件配置方法？？？

 

 

  webpack.config.js中配置所有css文件都放置在css文件夹下

方法一：使用插件将fontawesome-4.2.0文件夹下的所有文件复制到dist文件夹下

webpack.config.js在build文件夹下，因此复制时需要到父级目录

 

 获取__dirname的父级目录：path.resolve(__dirname,'..');

前提：此处css不需要再打包，若需要打包呢？？？？  

6、如何打包公共部分（公共css、js、html代码）？？？

 

7、添加devServer后运行npx webpack serve报错

 

提示static heartbeatInterval = 1000;

解决方法：版本兼容问题

https://www.cnblogs.com/zhaomeizi/p/15370903.html