首页 / WEBPACK / Webpack入门教程十五
Webpack入门教程十五
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了Webpack入门教程十五，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1246字，纯文字阅读大概需要2分钟。
内容图文
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
}
})
]
}
82.使用webpack命令重新打包
650) this.width=650;" src="/upload/getfiles/default/2022/11/8/20221108043706407.jpg" title="82.png" />83.查看生成的filename.html页面,生成内容如下
650) this.width=650;" src="/upload/getfiles/default/2022/11/8/20221108043706998.jpg" title="83.png" />说明
生成的filename.html文件中空格和换行已经被清除
本文出自 “素颜” 博客，请务必保留此出处http://suyanzhu.blog.51cto.com/8050189/1899437
原文：http://suyanzhu.blog.51cto.com/8050189/1899437
内容总结
以上是互联网集市为您收集整理的Webpack入门教程十五全部内容，希望文章能够帮你解决Webpack入门教程十五所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。
来源：【匿名】