找不到要导入的文件

Question

所以我试图将所有vars和mixins定义的SCSS文件导入到我拥有的所有组件中。 defs的文件名是_defs.scss：

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

some component styling
</style>

我还在webpack中使用了别名来定义在哪里查找样式文件夹：

resolve: {
  alias: {
    'vue$': 'vue/dist/vue.esm.js',
    assets: path.resolve(__dirname, "src/assets/"),
    styles: path.resolve(__dirname, "src/styles/")
  }
}

但由于某些原因，webpack仍然会抛出错误，告诉他无法找到导入文件 我哪里错了？

Project Structure

Answer 1

更改

@import "styles/defs";

到

@import "~styles/defs";

将解决问题。请参阅：explanation。

Answer 2

我几个月没有使用webpack，但你能检查一下：

https://webpack.github.io/docs/resolving.html， http://moduscreate.com/es6-es2015-import-no-relative-path-webpack/