webpack学习笔记(三)
每日一积累
Webpack的插件
使打包的方式更方便便捷
插件:html-webpack-plugin
1:安装:cnpm install html-webpack-plugin –D
2:在webpack自定义配置文件webpack.config.js中引入这个插件
const HtmlWebpackPlugin=require('html-webpack-plugin');
plugins:[new HtmlWebpackPlugin({
template:'src/index.html'
})],
这个插件会在打包结束后,自动生成一个HTML文件,并把打包生成的js自动引入到这个html文件中,
我们也可以创建一个模板文件,以对象的方式传给HtmlWebpackPlugin
plugin 可以在webpack运行到某个时刻的时候,帮你做一些事情,很像react、Vue里面的生命周期函数;
插件:clean-webapck-plugin
1:安装 cnpm install clean-webpack-plugin –D
2:在webpack自定义配置文件webpack.config.js中引入这个插件
const CleanWebpackPlugin=require('clean-webpack-plugin');
plugins:[new HtmlWebpackPlugin({
template:'src/index.html'
}),new CleanWebpackPlugin(['dist'])],
Webpack官方网站有很多的plugin,然后还不包括第三方要用到plugin,如果某些功能我们需要用到Plugin可以上网查,然后找对应的使用说明