Vuxという npm パッケージをインストールするための入門ガイドに従おうとしています。基本的には Vue.js で書かれた UI です。ガイドには、Webpack 構成ファイルを変更して vux ローダーを含める必要があると書かれています。すべてが非常に簡単に見えます。私の構成ファイルは次のようになります。
const vuxLoader = require('vux-loader')
const webpackConfig = originalConfig
module.exports = vuxLoader.merge(webpackConfig, {
plugins: ['vux-ui']
})
Rails/Webpacker によって生成されたプレーンな Webpacker 構成ファイルがあり、ドキュメントに従った後、次のようになります。
# config/webpack/environment.js
const { environment } = require('@rails/webpacker')
const vuxLoader = require('vux-loader')
module.exports = vuxLoader.merge(environment, {
plugins: ['vux-ui']
})
ここの git ハブでそのファイルを見ることができます
ただし、その変更後、Webpack は次をスローします。
/Volumes/SUPPORT/Workspace/Personal/hcpl/node_modules/vux-loader/src/index.js:285
config.plugins.push(new webpack.LoaderOptionsPlugin({
^
TypeError: config.plugins.push is not a function
at Function.module.exports.merge (/Volumes/SUPPORT/Workspace/Personal/hcpl/node_modules/vux-loader/src/index.js:285:20)
at Object.<anonymous> (/Volumes/SUPPORT/Workspace/Personal/hcpl/config/webpack/environment.js:7:28)
at Module._compile (module.js:641:30)
at Object.Module._extensions..js (module.js:652:10)
at Module.load (module.js:560:32)
at tryModuleLoad (module.js:503:12)
at Function.Module._load (module.js:495:3)
at Module.require (module.js:585:17)
at require (internal/module.js:11:18)
at Object.<anonymous> (/Volumes/SUPPORT/Workspace/Personal/hcpl/config/webpack/development.js:1:83)
ここで私が何を間違えたのか誰にも分かりませんか? 私はWebpackの経験があまりなく、Webpackerのセットアップにより、インターネットからソリューションを見つけたりテストしたりすることがさらに複雑になります。