Как изменить изначально сгенерированный заголовок после сборки файла в index.html - PullRequest
0 голосов
/ 17 января 2019

Я скачал шаблон vue.js из Интернета. Всякий раз, когда я создаю файлы с помощью npm, заголовок index.html постоянно заменяется именем шаблона. Есть ли способ изменить заголовок по умолчанию?

1 Ответ

0 голосов
/ 18 января 2019

Насколько я понимаю, ваш вопрос - вам нужно настроить файл vue.config.js примерно так (обратите внимание на Webpack часть) - эти файлы из рабочего проекта, поэтому у вас есть максимальное понимание того, как он мог посмотри в конец :

module.exports = {
    baseUrl: '/',
    outputDir: (process.env.NODE_ENV === 'production' ? '../web/' : '../web/js/'),
    indexPath: '../app/Resources/views/index.html.twig',

    // Setting this to false can speed up production builds if you don't need source maps for production.
    productionSourceMap: false,

    // By default, generated static assets contains hashes in their filenames for better caching control.
    // However, this requires the index HTML to be auto-generated by Vue CLI. If you cannot make use of the index HTML
    // generated by Vue CLI, you can disable filename hashing by setting this option to false,
    filenameHashing: false,
    lintOnSave: false,

    // https://cli.vuejs.org/ru/config/#devserver-proxy
    devServer: {},

    // https://cli.vuejs.org/ru/config/#chainwebpack
    chainWebpack: config => {
        config
            .plugin('html')
            .tap(args => {
                args[0].title = 'Ojok Deep Sales Platform';
                args[0].template = './index.html.template';
                return args;
            })
    }
};

И после того, как вы обновили файл vue.config.js, измените файл шаблона index.html на следующий:

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title><%= htmlWebpackPlugin.options.title %></title>
    <link href='https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900' rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Material+Icons" rel="stylesheet">
    <script type="text/javascript" src="../js/go.js"></script>
    <script type="text/javascript" src="../js/momentjs.js"></script>
    <script type="text/javascript" src="../js/webphone/flashphoner.js"></script>
    <script type="text/javascript" src="../js/webphone/SoundControl.js"></script>
</head>

<body>
<div id="app"></div>
</body>
</html>

Обратите внимание на то, что включено в <title> -tag:

    <title><%= htmlWebpackPlugin.options.title %></title>

После генерации нового index.html файла ваш заголовок должен быть установлен на то, что вы записали в опцию args[0].title.

Надеюсь, это поможет.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...