?

不同的打包環境下，首頁內容可能會有所不同。我們可以通過插件的方式進行定制，插件配置如下：

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?首頁中，可以根據?isProd?的值，來決定如何渲染頁面結構：

Javascript

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

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。