Веб-пакет: Как вставить куски JS в файл YAML - PullRequest
1 голос
/ 07 февраля 2020

Я использую веб-пакет для модернизации унаследованного MVC приложения (symfony 1.4)

. Я хотел бы добавить куски JS и файл CSS в файл YAML, содержащий несколько других настроек.

Вот пример:

default:
   foo: bar
   .
   .
   stylesheets: [ style.db80006f5e14f38456ef.css ]
   javascripts: [ runtime.d8969ec83f67a36c8877.js, npm.material.db07856eff6817abe7f2.js, main.db80006f5e14f38456ef.js ]
   .
   .

html-webpack-plugin также поддерживает плагин. Мне было интересно, можно ли с помощью моего собственного плагина для html-webpack-plugin вставлять файлы CSS и JS в файл YAML вместо шаблона HTML. Я не уверен, что html-webpack-plugin - это путь к go, поскольку я не хочу манипулировать файлом HTML.

Возможно, есть другая возможность получить имена и порядок фрагменты JS плюс файл CSS.

Заранее большое спасибо!

1 Ответ

2 голосов
/ 07 февраля 2020

html-webpack-plugin - это путь к go, вы можете предоставить свой «базовый» файл yaml в качестве шаблона и предоставить функцию templateContent, которая будет генерировать ваш контент yaml.

Примерно так :

new HtmlWebpackPlugin({
  templateContent: function(params) {
    return `
default:
   stylesheets: [ ${params.htmlWebpackPlugin.files.css.join(',')} ]
   javascripts: [ ${params.htmlWebpackPlugin.files.js.join(',')} ]
`;
  },
  filename: 'path-to/where/to/save/your.yaml',
  inject: false, // prevents from the plugin to auto-inject html tags
});
...