Webpack 如何将路径添加到网页包配置？

我使用vue cli创建了一个简单的项目：

vue init webpack myProject

它在

myProject

文件夹中创建了一组文件和文件夹，然后我使用

npm-run-dev

我的问题是，我想添加到我的

src/components

文件夹中。以下是我的文件结构：

+ src
     + components
         + component1
            + index.js
            + component1.vue

index.js：

export { default } from './component1.vue';

组件1.vue：

<template lang="pug">
    span this is my component
</template>

然后我将其添加到我的App.vue

<script>

import Component1 from 'components/component';

export default {
  name: 'App',
  components: {
     'component1': Component1,
   },
};
</script>

从“组件/组件”导入组件1；
导出默认值{
名称：“应用程序”，
组成部分：{
“组件1”：组件1，
},
};

这导致错误消息：

未找到此依赖项

---

如何将components文件夹添加到我的网页包配置文件中

您应该这样做：

  resolve: {
    extensions: ['.js', '.vue', '.json'],
    alias: {
      'vue$': 'vue/dist/vue.esm.js',
      '@': resolve('src'),
      'components': resolve('src/components'),
      'core': resolve('src/components/core'),
      'common': resolve('src/components/common'),
      'mixin': resolve('src/components/common/mixin'),
      'private': resolve('src/components/private'),
      'public': resolve('src/components/public'),
      'services': resolve('src/services')
    }
  }

确保您的根文件夹名为src

然后您可以从任何地方直接访问，例如：

import FormMixin from 'mixin/FormMixin'

---

这是您应该做的：

  resolve: {
    extensions: ['.js', '.vue', '.json'],
    alias: {
      'vue$': 'vue/dist/vue.esm.js',
      '@': resolve('src'),
      'components': resolve('src/components'),
      'core': resolve('src/components/core'),
      'common': resolve('src/components/common'),
      'mixin': resolve('src/components/common/mixin'),
      'private': resolve('src/components/private'),
      'public': resolve('src/components/public'),
      'services': resolve('src/services')
    }
  }

确保您的根文件夹名为src

然后您可以从任何地方直接访问，例如：

import FormMixin from 'mixin/FormMixin'

---

在文件

webpack.base.conf.js

change中

components:path.resolve（'src/components'）

到

components:resolve（'src/components/component1'）

---

和文件

App.vue

change

import Component1 from'components/component'

至

import Component1 from'components/Component1'

中的文件

webpack.base.conf.js

change

components:path.resolve（'src/components'）

到

components:resolve（'src/components/component1'）

和文件

App.vue

change

import Component1 from'components/component'

to

import Component1 from'components/Component1'