学习路线
- 基础以视频和教程webpack4为主,项目以hx-web-activity/core、github/Alcantara、editor为主
- 搭建webpack项目框架:主要看动态entry和环境变量
- webpack实战(一):真实项目中一个完整的webpack配置
- 一步步从零开始用 webpack 搭建一个大型项目
webpack:改造老项目不在话下:基本与公司情况符合。 可以考虑用vue的script
坑
【node_modules】出现异常时可移除node_modules,重新安装npm i -D
- 【绝对路径、相对路径】static用绝对路径,可直接引用,代码结构调整后也不容易错;assets只能用相对路径,到时候编译,用绝对路径读取不到。
- 【assets和static】
public文件夹(原static)的作用:静态的,不要随时去动它,编译时不会发现,浏览器缓存等作用
assets和static区别;主要还是从管理上看,static放第三方的,不用随时改,assets放项目的。都是作为引用 (js和scss),最后打包的代码不会有
- 【插件 mini-css-extract-plugin】

