html 和 js 压缩
Posted shanlu
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了html 和 js 压缩相关的知识，希望对你有一定的参考价值。
1，js 压缩：
将 mode 改为“production" 即可，production 模式下，webpack 会自动压缩 js 文件
2，html 压缩：
src / index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>webpack</title>
</head>
<body>
<!-- 这是注释 -->
<h1>hello webpack</h1>
</body>
</html>
webpack配置：
const {resolve} = require(\'path\')
const HtmlWebpackPlugin = require(\'html-webpack-plugin\')
module.exports={
entry:\'./src/index.js\',
output:{
filename:\'bundle.js\',
path:resolve(__dirname,\'build\')
},
plugins:[
new HtmlWebpackPlugin({
template:\'./src/index.html\',
minify:{
collapseWhitespace:true, //移除空格
removeComments:true //移除注释
}
})
],
mode:\'development\'
}
打包后的 index.html，清除了空格和注释，
以上是关于html 和 js 压缩的主要内容，如果未能解决你的问题，请参考以下文章
js代码片段: utils/lcoalStorage/cookie