Получить модули Nuxt в сборник рассказов - PullRequest
Новая
       26

Получить модули Nuxt в сборник рассказов

0 голосов
/ 31 августа 2018

Я пытаюсь сделать сборник рассказов из наших компонентов в проекте Nuxt. До сих пор у меня появлялись компоненты, но все они используют как минимум один модуль, и я не могу найти способ их импортировать. Кажется, я не одинок в своей борьбе
(https://forum.vuejs.org/t/nuxt-js-and-storybook/26239,
https://github.com/derekshull/nuxt-starter-kit-v2/issues/1),
но я надеюсь, что кто-то нашел решение.

.storybook / webpack.config.js: 

const path = require("@storybook\vue\dist\server\config\defaults\webpack.config.js");

module.exports = {
  module: {
    rules: [
      {
        test: /\.scss$/,
        loaders: ["style-loader", "css-loader", "sass-loader"],
        include: path.resolve(__dirname, "../")
      }
    ]
  }
};

.storybook / config.js: 

import { configure } from '@storybook/vue';
import Vue from 'vue';

const components = require.context('../components', true, /\.vue$/)
const stories = require.context('../components/stories', true, /.stories.js$/)

components.keys().forEach(filename => {
  const [, componentName] = filename.match(/([\w-]+)(.vue)/)
  Vue.component(componentName, components(filename).default)
})

function loadStories() {
  stories.keys().forEach((filename) => req(filename))
};


configure(loadStories, module);
...