1，style-loader与mini-css-extract-plugin互斥 2，mini-css-extract-plugin引用方式为 import mini-css-extract-plugin from mini-css-extract-plugin 3,hash,hunkhash,contenthash的区别 4，入口配置，watch的作用（自动打包） 5，webpack默认入口为index.js,默认出口为main.js,默认配置文件为webpack.config.js 6,webpack有时候没有配置是因为有webpack-cli处理 7，vue-cli的作用 8，publicPath的作用指定目标文件的定制公共路径免得再页面中找不到图片 9,css会被treshake处理掉，不希望被tree-shaking的文件，请在sideEffects中配置与之匹配的正则表达式（如下，在package.json中添加 10，window可以安装一个叫cross-env的npm包，使用方法（安装npm i cross-env -S，在命令前添加"cross-env"，例如："scriipt":{ "dev": "cross-env NODE_ENV=development webpack --config webpack.dev.js --progress" }） 11,不同环境下的打包，如果出现图片显示不了时（特别是css中的图片），请检查publicPath的配置。 12,mode: 'production'会开启tree-shaking和js代码压缩，但配置optimization. minimizer会使,默认的压缩功能失效。所以，指定css压缩插件的同时，务必指定js的压缩插件。 13,mini-css-extract-plugin插件，结合optimization.splitChunks.cacheGroups配置，可以把css代码打包到单独的css文件，且可以设置存放路径（通过设置插件的filename和chunkFilename）。
