亲宝软件园·资讯

展开

webpack entry output 详解webpack的配置文件entry与output

毛毛雨_Eric 人气:0
想了解详解webpack的配置文件entry与output的相关内容吗,毛毛雨_Eric在本文为您仔细讲解webpack entry output的相关知识和一些Code实例,欢迎阅读和指正,我们先划重点:webpack,entry,output,webpack,output,webpack,output,配置,下面大家一起来学习吧。

本文介绍了webpack的配置文件entry与output,分享给大家,具体如下:

在webpack.config.js中entry是唯一入口文件

entry也可以是一个数组

如果是一个数组,会将数组里面的文件一起打包到bundle.js

entry也可以是一个对象。

如果output里filename有三个值:

.[name]是文件名字是entry的键值。

.[hash]是md5加密的值。

.[chunkhash]这里是作为版本号使用。

每次修改文件,运行之后,都会生成不一样的hash 于chunkhash值,方便上线时静态资源的版本管理。

文件名如果每次运行都是变化的,文件引入的名字也需要变化,使用install html-webpack-plugin插件,安装npm install html-webpack-plugin --save-dev

完成之后在webpack.config.js文件里面添加plugins键:

plugins的值是一个<strong>数组</strong>,里面的值都是 new htmlWebpackPlugin(),参数一个配置数组,如下:

最终生成

加载全部内容

相关教程
猜你喜欢
用户评论