Webpack入门教程十五

最新推荐文章于 2022-09-30 17:27:17 发布

DragonWar%

最新推荐文章于 2022-09-30 17:27:17 发布

阅读量121

点赞数

CC 4.0 BY-SA版权

文章标签： webpack ViewUI

原文链接：https://yq.aliyun.com/articles/562311

本文介绍如何在Webpack配置文件中设置collapseWhitespace项来移除HTML文件中的空白字符与换行符，从而减小文件体积并提高加载速度。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

81.在webpack.config.js文件配置collapseWhitespace项,用于删除空白字符与换行符,修改内容如下

var webpack = require('webpack');
var HtmlWebpackPlugin = require('html-webpack-plugin');

module.exports = {
	entry:  __dirname + "/app/Greeter.js",
	output: {
		path: __dirname + "/build",
		filename: "bundle.js"
	},
	devServer:{
		contentBase:"./public",
		historyApiFallback:true,
		inline:true
	},
	module:{
		loaders:[
			{
				test:/\.json$/,
				loader:"json-loader"
			},
			{
				test:/\.js$/,
				exclude:/node_modules/,
				loader:'babel-loader'
			},
			{
				test:/\.css$/,
				loader:'style-loader!css-loader?modules'
			}
		]
	},
	plugins:[
		new webpack.BannerPlugin("copyright suyan"),
		new HtmlWebpackPlugin({
			template:__dirname + "/app/index.tmpl.html",
			title:'htmlwebpackplugin filename test',
			filename:'filename.html',
			inject:true,
			hash:true,
			minify:{
				removeComments:true,
				collapseWhitespace:true
			}
		})
	]
}