webpack插件plugin 添加版权 打包html js压缩
admin
2024-03-16 18:10:49
0次

文章目录

    • 1 添加版权
    • 2 打包html
    • 3 js压缩

1 添加版权

webpack.config.js

onst webpack = require('webpack')module.exports = {...plugins: [new webpack.BannerPlugin('最终版权归AAA所有')]
}

2 打包html

  1. 目前，我们的index.html文件存放在项目的根目录下

  • 真实发布项目时，发布的是dist文件夹中的内容，但是dist文件夹中如果没有index.html文件，name打包的js等文件就没有意义了。

  • 所以，我们需要将index.html文件导包放到dist文件夹中，这个时候就可以使用HtmlWebpackPlugin插件。

  1. HtmlWebpackPlug插件可以为我们做以下事情

  • 自动生成一个index.html文件（可以指定模板来生成）

  • 将打包的js文件，自动通过script标签插入到body中。

  1. 安装
npm install html-webpack-plugin@3.2.0 --save-dev

4.使用插件，修改webpack.config.js文件中的plugins部分的内容如下

  • 这里的template表示根据什么模板来生成index.html

  • 另外，我们需要删除之前在output中添加的publicPath属性

  • 否则插入的script标签中的src可能会有问题

plugins: [new webpack.BannerPlugin('最终版权归AAA所有')// new HtmlWebpackPlugin()new HtmlWebpackPlugin({template: 'index.html'})
]

3 js压缩

npm install uglifyjs-webpack-plugin --save-dev

const uglifuJsPlugin = require('uglifujs-webpack-plugin')plugins: [new uglifyJsPlugin()
]

作者：有勇气的牛排
https://www.couragesteak.com/article/159

词库加载错误:未能找到文件“E:\highferrum_mysql\Configuration\Dict_Stopwords.txt”。

上一篇：特斯拉为美国在保 Model 3 车主提供更换 LFP 电池服务 特斯拉为美国在保 Model 3 车主提供更换 LFP 电池服务

下一篇：米体：尤文开始计划新赛季引援，对阿姆拉巴特重燃兴趣 米体：尤文开始计划新赛季引援，对阿姆拉巴特重燃兴趣

相关内容

热门资讯

原创 意... 美国关税带来的冲击已经对全球经济格局产生了影响。报道显示，意大利在2025年下半年的全球出口额超过了...
原创 A... 上证指数月线3连阳了，不出意外的话就又要创10年新高了。 从盈亏角度，体感很不好，不是没有上涨而是所...
Jellycat卖爆背后：Z世... 文丨特约撰稿 阿杜 刚刚结束的春节期间里，春晚无疑是最为关注的热门词之一，如果不是重温12年前的这场...
京津冀地区去年进出口值4.7万... 从天津海关获悉，京津冀协同发展上升为国家战略以来，京津冀地区进出口值从2014年的3.74万亿元增至...
绝对稀缺资源！吃透【稀土+小金... 很多人都在担心，AI 是否会抢走自己的饭碗。 但很多人没意识到，AI 再厉害，也造不出地下的稀缺资源...
视觉中国：拟发行H股股票并在香...
原创 世... 翻起1995年的《财富》世界500强榜单，那种差距真的让人印象深刻——这是全球首次发布这份榜单，美国...
皮海洲：如何给投资者发放“春节... 皮海洲 | 立方大家谈专栏作者 给投资者发“春节红包”，这是近年来管理层比较重视的一件事件，并将此视...
刘强东和雷军登上新闻联播，排面... 来源：市场资讯 （来源：电商行业） 东哥和雷总，从创业时期就开始并肩作战，如今又携手走上了国际舞台...
“硅王”协鑫孵化的徐州独角兽冲... 文/徐培琪 马年首单获受理的IPO项目，花落徐州半导体材料独角兽——江苏鑫华半导体科技股份有限公司（...
成交价6604万！南京老洋房“... 2月27日，南京市老洋房“张治中公馆”在阿里资产平台成功法拍。此次拍卖有3.9万余人次围观。经过两名...
双良节能、捷荣技术、海泰发展被... 财联社2月27日讯，今日晚间，双良节能、捷荣技术、海泰发展相继发布公告称被证监会立案，其中双良节能涉...
血亏1800亿后，全球第四大车... 前不久，Stellantis集团发布其2025年全年财务业绩，预料之内的，堪称史诗级灾难的财务表现—...
涨停复盘：今日全市场共92只股... 2月27日，三大指数涨跌不一，上证指数收涨0.39%，创业板指跌1.04%。沪深两市成交额合计2.4...
AI技术下沉惠民 和田地区智慧... 2月26日，在新疆医科大学与新疆工程学院的大力支持下，和田地区AI+智慧医疗辅助诊断成果转化示范基地...
证监会召开资本市场“十五五”规... 据证监会消息，2月27日证监会党委书记、主席吴清在北京召开座谈会，与8家在华外资证券基金期货机构代表...
珠江啤酒四季度由盈转亏 销量增... 来源：新浪财经 出品：新浪财经上市公司研究院 作者：郝显 2月25日，珠江啤酒发布 2025 年度业...
马斯克：特斯拉将在20年内上月... 继提出xAI要在月球建造AI卫星工厂后，马斯克又称20年内特斯拉工厂也将现身月球。 2月27日，特斯...
苏州看弱精好的中医推荐：孙嗣章... 在苏州国医堂名医工作室，常有男性患者攥着精液分析报告局促不安，他们口中常念叨着“苏州哪里看弱精好”“...
AI智能客服与AI京东客服的行... 一、3C数码配件类目客服的结构性矛盾 3C数码配件属于高频消费、强兼容性、强参数属性类目，用户集中关...