代码之家  ›  专栏  ›  技术社区  ›  Wenfang Du Saurabh P Bhandari

如何使用`htmlWebpackPlugin.options.title文件`内部Vue SFC模板?

  •  0
  • Wenfang Du Saurabh P Bhandari  · 技术社区  · 5 年前

    我想用 htmlWebpackPlugin.options.title 在证监会模板,这是可行的?

    0 回复  |  直到 5 年前
        1
  •  1
  •   Michal Levý    5 年前

    是的,这是可行的…但反过来说

    1. 你可以用 Environment Variables
    2. htmlWebpackPlugin 使用此ENV变量作为 title
    3. 同时,您可以在任何客户端JS中使用这个变量(无论是纯JS还是SFC)。请注意,要在模板中使用它,必须指定它 到 data 第一。。。

    .env file VUE\u APP\u TITLE=我的应用程序标题

    vue.config.js

    module.exports = {
      chainWebpack: config => {
        config
          .plugin('html')
          .tap(args => {
            args[0].title = process.ENV.VUE_APP_TITLE
            return args
          })
      }
    }
    

    SFC

    data() {
      return {
        title: process.ENV.VUE_APP_TITLE
      }
    }
    
        2
  •  0
  •   Wenfang Du Saurabh P Bhandari    5 年前

    document.title 会的, Michal's solution

    推荐文章
    Brock  ·  Vue-Vue CLI-API变量
    8 年前