如何在Vue Webpack模板中使用vueisotope插件（当前收到错误）

Question

Vue - 未找到砌体/砌体依赖

我对Vue和webpack很陌生并遇到了一个问题，试图在我用this template构建的项目中使用同位素。在将同位素从vueisotope安装并导入组件后，我收到以下错误：

This dependency was not found: * masonry/masonry in ./node_modules/isotope-layout/js/layout-modes/masonry.js

这是许多砌筑用户遇到的问题（请参阅can't resolve masonry/masonry），并且在metafizzy的网站（同位素的作者）上有一个推荐的修复方法。推荐的修复包括更改webpack.config.js并运行webpack，但由于此模板没有webpack.config.js文件并且是通过运行npm构建的，我尝试将该行添加到/config/index.js并运行npm run dev，但没有成功。

Answer 1

从vue webpack模板的贡献者那里得到答案。我需要将这些别名添加到build / webpack.base.conf.js：

module.exports = {
  ..
  resolve: {
    ..
    alias: {
      ..
      'masonry': 'masonry-layout',
      'isotope': 'isotope-layout'
    }
  }
};