Добавление файлов js в конфигурацию nuxt - PullRequest
Новая
       20

Добавление файлов js в конфигурацию nuxt

0 голосов
/ 26 июня 2018

Кто-то разработал интерфейс моей веб-страницы, и теперь я пытаюсь использовать все файлы .css и .js для всех моих страниц в nuxtjs. Но я не могу правильно включить файлы.

Это один из файлов, которые я пытаюсь включить: jquery.themepunch.tools.min.js . Я получаю эту ошибку:

{ statusCode: 404, path: '/~/assets/revolution/js/jquery.themepunch.tools.min.js', message: 'This page could not be found' }

Я добавил путь к файлу в свой nuxt.js.config, но не могу понять, чего мне здесь не хватает. Вот мой конфигурационный файл: 

const webpack = require('webpack')

module.exports = {
  head: {
    title: 'test-webpage',

    meta: [
      { charset: 'utf-8' },
      { name: 'viewport', content: 'width=device-width, initial-scale=1' },
      { hid: 'description', name: 'description', content: 'test page' }
    ],
    link: [
      { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }
    ],
    script: [
      {src: '~/assets/revolution/js/jquery.themepunch.tools.min.js'}
    ]
  },

  build: {
    vendor: ['jquery', 'bootstrap'],
    plugins: [
      // set shortcuts as global for bootstrap
      new webpack.ProvidePlugin({
        $: 'jquery',
        jQuery: 'jquery',
        'window.jQuery': 'jquery'
      })
    ]
  },
}

1 Ответ

0 голосов
/ 26 июня 2018

~ - псевдоним для сборки веб-пакетов. head используется для загрузки внешнего скрипта, скрипт не будет включен в комплект js.

Вы можете переместить jquery.themepunch.tools.min.js в статический режим и изменить скрипт на 

{ src: '/urpathinsidestaticfolder/jquery.themepunch.tools.min.js' }
...