vue build text html,vue build 后生成的html文件没有注入资源,仅以记住webpack打包的一次教训...

本文详细讲述了作者在项目中遇到的HTML注入问题,源于`webpack.prod.conf.js`配置中的`inject`选项错误。通过修正`inject: false`为`inject: true`,解决了资源引用缺失的问题,分享了解决过程和关键代码片段。
摘要由CSDN通过智能技术生成

众所周知build后的html文件会注入编译后的资源

npm run build

//生成后的html文件下面会有

导购管理平台

document.write('

而我这次啥都没有

导购管理平台

document.write('

看之前的项目,查文档,纠结了半天,最后终于查到原因,还是自己没有细看文档,上代码

/build/webpack.prod.conf.js

new HtmlWebpackPlugin({

filename: process.env.NODE_ENV === 'testing'

? 'index.html'

: config.build.index,

template: 'index.html',

inject: fasle,

minify: {

removeComments: true,

collapseWhitespace: false,

removeAttributeQuotes: false

// more options:

// https://github.com/kangax/html-minifier#options-quick-reference

},

// necessary to consistently work with multiple chunks via CommonsChunkPlugin

chunksSortMode: 'dependency'

}),

template: 'index.html', // 模板文件

inject: true, // 注入资源引用

minify: {} // 压缩

removeComments: [true/false] // 删除注释

removeAttrbuteQuotes: [true/false] // 删除属性引号

collapseWhitespace: [true/false] // 折叠空白

原因就是inject: 我写成了false。修改为true,完美解决。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值