常用webpack loader | plugin举例

111 阅读1分钟

loader

   css-loader:处理css 代码

   style-loader: 讲css插入html文件头部

   less-loader:处理less代码

   postcss-loader:对于某些新特性css代码加上不同浏览器前缀配合autoprefixer使用

   file-loader:处理静态资源,图片等

   url-loader  :file-loader加强版,设置limit内直接转换成base64数据

   babel-loader:将es6代码转换成普通js文件

plugin

  html-webpack-plugin:将模版html文件转成通用的html文件输出,配置title等

  mini-css-extract-plugin:将css代码打包成静态资源引用

  copy-webpack-plugin:拷贝项目中独立或者整个文件目录至打包文件夹中,可指定路径等