插件(plugins)听说对整个项目的起作用的和loader对页面起作用,还是有小小的区别
那就先从版权声明插件---这个是内置插件不需要下载,找一会怎样下载麻烦了
意义不是很大,我就不准备研究这单一的插件,这个内置插件主要用来---用的声明一下webpack --const webpack=require('webpack');就可以了
还偷就是在plugins:[]new一个new webpack.BannerPlugin("版权***")完事
HtmlWebpackPlugin这个插件也许是很重要的了会生成刚开始的页面和生成的压缩的脚本
npm install --save-dev html-webpack-plugin
但是需要一个模板文件和要生成文件要放的文件夹,我理解这个插件就是不用自己写index页面会自动生成,其他的作用看不出来
Hot Module Replacement
下面介绍的是热加载插件,自己认为这个插件起始是针对那些特有框架的热加载,
非内置插件的安装
npm install --save-dev extract-text-webpack-plugin
缓存是一个让人头痛的事情,然而webpack可以通过配置自动添加hash值清除缓存具体上图-秒懂
考为什么每次生成hash的脚本都会留下来,发布一次会多一个好恶心,还好有个清理的插件--闪亮登场
install clean-webpack-plugin --save-dev
配置这样写就好了
new CleanWebpackPlugin('build/*.*', {
root: __dirname,
verbose: true,
dry: false
})
再一次包哈
那就先从版权声明插件---这个是内置插件不需要下载,找一会怎样下载麻烦了
意义不是很大,我就不准备研究这单一的插件,这个内置插件主要用来---用的声明一下webpack --const webpack=require('webpack');就可以了
还偷就是在plugins:[]new一个new webpack.BannerPlugin("版权***")完事
HtmlWebpackPlugin这个插件也许是很重要的了会生成刚开始的页面和生成的压缩的脚本
npm install --save-dev html-webpack-plugin
但是需要一个模板文件和要生成文件要放的文件夹,我理解这个插件就是不用自己写index页面会自动生成,其他的作用看不出来
Hot Module Replacement
下面介绍的是热加载插件,自己认为这个插件起始是针对那些特有框架的热加载,
非内置插件的安装
npm install --save-dev extract-text-webpack-plugin
缓存是一个让人头痛的事情,然而webpack可以通过配置自动添加hash值清除缓存具体上图-秒懂
考为什么每次生成hash的脚本都会留下来,发布一次会多一个好恶心,还好有个清理的插件--闪亮登场
install clean-webpack-plugin --save-dev
配置这样写就好了
new CleanWebpackPlugin('build/*.*', {
root: __dirname,
verbose: true,
dry: false
})
再一次包哈