webpack常用的插件

1，CSS文件打包

pm install style-loader --save-dev    来处理css文件中的url()等

npm install --save-dev css-loader    将css插入到页面的style标签

2，配置JS压缩

const uglify = require('uglifyjs-webpack-plugin');

3，HTML文件的发布

const htmlPlugin= require('html-webpack-plugin');

npm install --save-dev html-webpack-plugin

4,CSS中的图片处理

安装file-loader和url-loader

npm install --save-dev file-loader url-loader

5,CSS分离与图片路径处理

extract-text-webpack-plugin

const extractTextPlugin = require("extract-text-webpack-plugin")

npm install --save-dev extract-text-webpack-plugin

设置Plugins：引入成功后需要在plugins属性中进行配置。这里只要new一下这个对象就可以了   new extractTextPlugin("/css/index.css")

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

推荐阅读更多精彩内容