day0703
webpack
node.js很重要
每次新编译都删除webpack 的dist目录:
clean-webpack-plugin
mini-css-extract-plugin
![在这里插入图片描述](https://img-blog.csdnimg.cn/20210703142316406.png)
开发环境显示代码错误行数:
devtool:‘inline-source-map’
eval-cheap-module-source-map
浏览器同步测试工具:
browser-sync
copy-webpack-plugin
![在这里插入图片描述](https://img-blog.csdnimg.cn/20210703142340746.png)
总结:
解析react
precet-react???
es6兼容浏览器
引入png,css
抽离css
代码分割
非常重要
前端优化
工程层面
![在这里插入图片描述](https://img-blog.csdnimg.cn/202107031425295.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ2MDA4NDQy,size_16,color_FFFFFF,t_70)
sfc单文件组件