В версии angular-cli для Agnular 6 кажется, что я не могу получить доступ к некоторым функциям веб-пакета для вещей, которые я использовал, в частности, использовать плагины, такие как 'require', а также написанные на заказ для нашего процесса
Из того, что я могу сказать, функция 'ng eject', которая позволила бы мне это сделать, была отключена, чтобы уменьшить кривую обучения angular-cli.
В моей сборке библиотеки Angular 6 non-cli у меня естьэти фрагменты:
webpack.config.js
разрешения: {extensions: ['.webpack.js', '.web.js', '.ts ',' .js ',' .css ',' .scss ',>' .html '], псевдоним: {' mycode ': path.resolve (__dirname,' ./webpack/mycode '),},},
плагины: [новый webpack.ProvidePlugin ({'mycode': 'mycode',}), ... плагины,],
Фрагмент структуры каталога
projectRoot |+ - веб-пакет |+ - loaders.js + - plugins.js + - postcss.js + - mycode.js
Mycode.js выглядит следующим образом:
const escape = require ('escape-html');
module.exports = {showCode: function showCode (code) {return escape (code) .replace (/}} / g,'}}');}, runCode: function runCode (code) {код возврата;},};
Наконец, все это используется путем включения файлов в большие файлы:
$ {mycode.runCode (require ('./documentation.html '))}
Примеры
Типы пропусков
${mycode.showCode(require('./badge1.html'))}$ {mycode.runCode (require ('./ badge1.html'))}>
Стандартные ширина и высота
${mycode.showCode(require('./badge2.html'))}$ {mycode.runCode (require ('./ badge2.html'))}>
Развернуть и заполнить / Ширина и высота
${mycode.showCode(require('./badge3.html'))}$ {Mycode.runCode (требуется ( './ badge3.html'))}
Я думаю, что вебпак поступил бы правильно, если бы я мог просто сообщить об этом своим намерениям.Мне бы очень хотелось узнать, возможно ли это, прежде чем я переписываю все свои примеры.
Идеи?