如何在 Vue Webpack 模板中使用 vueisotope 插件（目前报错）

Question

Vue - Masonry/masonry 未找到依赖项

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

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

这是许多 masonry 用户遇到的问题（参见 can't resolve masonry/masonry），并且在 metafizzy 的网站（同位素的作者）上有针对它的建议修复。推荐的修复涉及对 webpack.config.js 和运行ning webpack 进行更改，但由于此模板没有 webpack.config.js 文件并且是由运行ning npm 构建的，我尝试添加行到 /config/index.js 和运行ning npm 运行 dev，没有成功。

Answer 1

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

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

如何在 Vue Webpack 模板中使用 vueisotope 插件（目前报错）

How to use vueisotope plugin with Vue Webpack Template (currently getting an error)

jquery-isotope

webpack

masonry

vue.js