Question

无论如何，我都是新手，我正在发现Vue.js。

由于我不喜欢您指向Vue应用程序不同部分的方式，因此我正在使用Alias为我解决该问题。

在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和style标签中使用。但不在script标记中。我该怎么解决？

<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>

Vue + Webpack，别名无法在脚本标签中解析

0 个答案: