Как добавить библиотеку в веб-упаковщик для использования в Stimulus JS Controllers - PullRequest
Новая
       51

Как добавить библиотеку в веб-упаковщик для использования в Stimulus JS Controllers

0 голосов
/ 04 февраля 2019

Я хочу использовать библиотеку dayjs ( вместо момента) в моем контроллере Stimulus js, но я получаю сообщение об ошибке:

dayjs не определено 

setNextVisit(event) {
  console.log( dayjs().format('YYYY-MM-DD') );
}

enter image description here

Я использую Rails 5.2 с Webpacker и Stimulus.

Я добавил dayjs через yarn add dayjs --save, которые добавляют это к /package.json:

/ package.json 

{
  "name": "meh",
  "private": true,
  "dependencies": {
    "@rails/ujs": "^6.0.0-alpha",
    "@rails/webpacker": "3.5",
    "dayjs": "^1.8.2"
    "stimulus": "^1.1.1",
    "turbolinks": "^5.2.0"
  },
  "devDependencies": {
    "webpack-dev-server": "2.11.2"
  }
}

Чтобы подключить dayjs в веб-пакете через гем webpacker, я добавил это в /app/javascript/packs/application.js:

/ app / javascript / packs / application.js 

/* eslint no-console:0 */

// @RAILS/UJS
// imported in config/webpack/environment.js
Rails.start();

// TURBOLINKS
import Turbolinks from 'turbolinks';
Turbolinks.start();

// DAYJS
import dayjs from 'dayjs'

// STIMULUS
import { Application } from 'stimulus'
import { definitionsFromContext } from "stimulus/webpack-helpers"


const application = Application.start()
const context = require.context("./controllers", true, /\.js$/)
application.load(definitionsFromContext(context))

1 Ответ

0 голосов
/ 08 марта 2019

Вам нужно импортировать dayjs в свой контроллер стимула, а не в основное приложение. Js

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

import { Controller } from "stimulus";
import dayjs from 'dayjs'

export default class extends Controller {    

  SetNextVisit(event) {
    console.log( dayjs().format('YYYY-MM-DD') );
 }

}

Это не относится к Stimulus, а какES6 JS работает

...