如何在 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 的网站（isotope 的作者）上有一个推荐的修复方法。推荐的修复涉及对 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'
    }
  }
};