Как добавить загрузчик CSS и JS в апостроф CMS - PullRequest
0 голосов
/ 26 октября 2018

это моя конфигурация в апостроф-активах. я что-то пропустил?

// This configures the apostrophe-assets module to push a 'site.less'
// stylesheet by default, and to use jQuery 3.x

module.exports = {
  jQuery: 3,
  stylesheets: [
    {
      name: 'bootstrap.min',
      minify: true
    },
    {
      name:'font-awesome.min',
      path: 'fonts/css',
      minify:true
    },
    {
      name: 'style',
      minify: false
    },

    {
        name: 'site'
    }

  ],
  scripts: [
    {
      name: 'jquery-3.2.1.min',
      minify:true
    },{
      name: 'popper'

    },{
      name: 'bootstrap.min'
    },
    {
      name: 'custom'
    },
    {
      name: 'site'
    }
  ]
};

я сослался https://apostrophecms.org/docs/tutorials/getting-started/pushing-assets.html. также я переписал существующий модуль в апостроф.

1 Ответ

0 голосов
/ 27 октября 2018

Было бы интересно узнать, нужно ли добавлять jQuery: 3

, посмотрите на мой код:

lib/modules/apostrophe-assets/index.js

module.exports = {
  stylesheets: [
    {
      name: 'site'
    }
  ],
  scripts: [
    {
      name: 'site'
    },
    {
      name: 'lethargy.min'
    },
    {
      name: 'smartscroll.min'
    }
  ]
};

мои js-файлы расположены по умолчанию по следующему пути:

lib/modules/apostrophe-assets/public/js/lethargy.min.js

Вы также можете загружать ресурсы из каждого виджета здесь дляпример в индексе js:

lib/modules/example-widget/index.js

  //Create functions for pushing assets to browser
  afterConstruct: function(self) {
  self.pushAssets();
  },

  //load third party styles and scripts
  //init has all settings for fullpage
  construct: function(self, options) {
    self.pushAssets = function() {
      self.pushAsset('stylesheet', 'vendor/materialize.min', { when: 'always' });
      self.pushAsset('stylesheet', 'overrides', { when: 'always' });
      self.pushAsset('script', 'vendor/materialize', { when: 'always' });
      self.pushAsset('script', 'init', { when: 'always' });
    };
  }
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...