?

不同的打包環(huán)境下，首頁(yè)內(nèi)容可能會(huì)有所不同。我們可以通過(guò)插件的方式進(jìn)行定制，插件配置如下：

Javascript

chainWebpack: config => {config.when(process.env.NODE_ENV === 'production', config => {config.plugin('html').tap(args => {args[0].isProd = truereturn args})})config.when(process.env.NODE_ENV === 'development', config => {config.plugin('html').tap(args => {args[0].isProd = falsereturn args})}) }

在?public/index.html?首頁(yè)中，可以根據(jù)?isProd?的值，來(lái)決定如何渲染頁(yè)面結(jié)構(gòu)：

Javascript

<!–- 按需渲染頁(yè)面的標(biāo)題 --> <title><%= htmlWebpackPlugin.options.isProd ? '' : 'dev - ' %>電商后臺(tái)管理系統(tǒng)</title> <!–- 按需加載外部的 CDN 資源 --> <% if(htmlWebpackPlugin.options.isProd) { %> <!—- 通過(guò) externals 加載的外部 CDN 資源--> <% } %>

總結(jié)

以上是生活随笔為你收集整理的前端学习（2741）：重读vue电商网站51之首页内容定制的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。