持续创作,加速成长!这是我参与「掘金日新计划 · 6 月更文挑战」的第2天,点击查看活动详情
资源管理
前端的资源可以分为静态资源和模板
静态资源包括js、css、图片等文件
开发阶段的静态资源是
ES6\7规范文件
less\sass等文件
独立的小型图标
模板:模板与静态资源是容器-模块关系
模块的构建宗旨是在静态资源url和文件名改变后,同步更新模板中的资源引用地址
webpack介绍
Webpack的优点
·支持commonJS和AMD模块。
·支持很多模块加载器的调用,可以使模块加载器灵活定制, 比如babel-loader加载器,该加载器能使我们使用ES6
的语法来编写代码。
·可以通过配置打包成多个文件,有效的利用浏览器的缓存功能提升性能。
·使用模块加载器, 可以支持sass, less等处理器进行打包且支持静态资源样式及图片进行打包