Webpack и vue -лоадер для работы с зависимостью

Question

У меня есть собственная зависимость, которая скомпилирована до общего js в моем проекте.

Внутри самой зависимости она ссылается на файл в моем проекте, файл vue. После сборки с помощью webpack и использования ssr, похоже, возникла проблема. Не удается загрузить файл vue.

Для ясности структура папок:

node_modules
    |
    |- dependency
           |
           |-main.js
src
 |
 |-pages
     |
     |-Default.vue
dist
 |
 |-compiledcode.js <- what webpack compiles

Теперь в main. js зависимости, у меня const vuefile = require('../../src/pages/Default.vue')

Ошибка, отображаемая узлом после его размещения через ssr:

<template>
^

SyntaxError: Unexpected token '<'

В моем веб-паке у меня есть следующее:

module.exports = {
  ...
  module: {    
       rules: [
          {
           test: /\.vue$/,
           loader: 'vue-loader',        
          },
          ...
       ]
   },
   plugins: [
      new VueLoaderPlugin()
      ...
   ]
}

Насколько я понимаю, ошибка заключается в том, что vue -загрузчик не загружается в файл. Но я даже не знаю, что такое возможно. Если можно прояснить это.

Если невозможно ..

Можно ли затем добавить webconfig в зависимость и заставить его работать таким образом? Если да, то как мне заставить мой веб-пакет взаимодействовать с веб-пакетом зависимостей.

Спасибо.

Answer 1

не могли бы вы показать всю свою конфигурацию?

1. set разрешение веб-пакетов (включая разрешение расширений)
2. vue включено в основной. js? (import vue ..)
3. setup alias для предотвращения таких путей, как '../../src/pages/..'