Vue + Webpack, псевдоним не может быть разрешен в тегах скрипта - PullRequest
Новая
       14

Vue + Webpack, псевдоним не может быть разрешен в тегах скрипта

0 голосов
/ 09 сентября 2018

Я новичок во всем этом, во всяком случае, я открываю для себя Vue.js.

Поскольку мне не нравится, как вы указываете на разные части приложения Vue, я использую псевдонимы, чтобы решить это для меня.

В файле webpack.config.js, который у меня естьследующие настройки: 

resolve: {
alias: {
  'vue$': 'vue/dist/vue.esm.js',
  'styles': path.resolve(__dirname, './src/scss'),
  'assets': path.resolve(__dirname, './src/assets'),
  'components': path.resolve(__dirname, './src/components'),
  'directives': path.resolve(__dirname, './src/directives')
  //'vue': 'vue/dist/vue.js',
},
extensions: ['*', '.js', '.vue', '.json']
},

Теперь, кажется, это работает в тегах шаблона и стиля.Но не в теге сценария.Как я могу решить эту проблему? 

<template>
  <div class="app">
    <img class="logo" src="~assets/logo.png">
  </div>
</template>

и 

<style lang="scss">
  @import "~styles/variables";
</style>

работают.

Но следующее не работает и выдает " Модуль не найден: Ошибка: Не удается разрешить '~ directives / inputBus.js'"

<script>
  import {imbputBus} from '~directives/inputBus.js';
</script>
...