Webpack - 依存関係が見つかりません（アイソトープ）

Question

Webpack（laravel mixバージョン）を使用しており、Isotopeでエラーが発生しています。誰でも私が間違っていることを見ることができますか？

この依存関係が見つかりませんでした：これは私のWebPACKのconfix、私が試しahveさ./~/isotope-layout/js/layout-modes/masonry.js

で*石工/石工を適用するにはあなたのコード内のNPMパッケージmasonry-layoutとisotope-layoutの名前を変更しようとするような同位体サイトこれは、非常に奇妙である

const webpack = require('webpack') 
const path = require('path') 

const config = { 
    resolve: { 
    alias: { 
     'masonry': 'masonry-layout', 
     'isotope': 'isotope-layout' 
    } 
    }, 
    entry: './src/index.js', 
    output: { 
    path: path.resolve(__dirname, './dist'), 
    filename: 'vue-waypoint.js', 
    library: 'VueWaypoint', 
    libraryTarget: 'umd' 
    }, 
    module: { 
    rules: [ 
     { 
     test: /\.vue$/, 
     loader: 'vue-loader' 
     }, 
     { 
     test: /\.js$/, 
     include: path.resolve(__dirname, './src'), 
     exclude: /node_modules/, 
     use: "babel-loader" 
     } 
    ] 
    }, 
    plugins: [ 
    new webpack.optimize.UglifyJsPlugin(), 
    new webpack.LoaderOptionsPlugin({ minimize: true }) 
    ] 
} 

module.exports = config; 

Answer 1

に示すように、「修正」は見えますが、エイリアスは、フォルダとパス（https://webpack.js.org/configuration/resolve/#resolve-alias）

についてですあなたは npm i masonry-layout --save

を行う際 require('masonry-layout')かimport Istotope from 'masonry-layout'をそれとも、グローバルパッケージとして '石工レイアウト' を渡すことができます：

あなたは、単に使用することができます

new webpack.ProvidePlugin({masonry: 'masonry-layout'})