1

我正在尝试按照入门指南安装名为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 hub 上看到该文件

然而,在那个改变之后,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 设置也使得从互联网上查找/测试任何解决方案变得更加复杂。

4

0 回答 0