webpack

复习 webpack
入口 entry webpack 导入文件的起点
出口 output 导出到哪儿
插件 plugin 处理事情
加载器 loader 加载处理特殊文件


插件
加载器

css-loader : 处理和分析css依赖
style-loader : 把css插入到header文中
less
less-loader : 处理less文件
mini-css-extract-plugin 把css抽出为一个单独的文件
optimize-css-assets-webpack-plugin 优化css和css资源
html-webpack-plugin 处理html模板
webpack-dev-server webpack本地服务器
webpack webpack
webpack-cli webpack脚手架

sourceMap
可以知道源代码在哪一行错误,sourceMap是一个map关系;

Prefetch
Prefetch是告诉浏览器这是一个在未来可能使用到的资源。 浏览器通常会在空闲状态取得这些资源,在取得资源之后搁在HTTP缓存以便于实现将来的请求

压缩
optimize-css-assets-webpack-plugin css优化压缩
uglifyjs-webpack-plugin js压缩

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • webpack 是什么? 本质上,webpack 是一个现代 JavaScript 应用程序的静态模块打包器(mo...
    IT老马阅读 3,364评论 2 27
  • 原文http://www.cnblogs.com/libin-1/p/6596810.html 版本号 vue-c...
    tengrl阅读 3,725评论 0 0
  • 全局安装webpack 全局安装webpack会有个问题,就是当你有两个项目依赖于不同版本的webpack,就会有...
    説好的妹紙呢阅读 1,894评论 0 11
  • 前端将大型项目分成一个个单独的模块,一般封装好的每个模块都会实现一个目的明确的完成的功能。如何处理这些模块以及模块...
    pixels阅读 3,453评论 1 14
  • 介绍 1. 背景 最近和部门老大,一起在研究团队【EFT - 前端新手村】的建设,目的在于:帮助新人快速了解和融入...
    IT小鲍阅读 373评论 0 1