Ruby on rails 如何使用Webpacker为web使用材质组件

Rails 5.2.1网页包4.0

app/javascript/application.scss

@import "material-components-web/material-components-web";

我使用默认设置的webpacker，但效果不好。 我需要什么额外的设置？ 我想在webpacker中使用材料组件web

错误

webpack/environment.js

const { environment } = require('@rails/webpacker')
const webpack = require('webpack')
const { VueLoaderPlugin } = require('vue-loader')
const vue =  require('./loaders/vue')

environment.plugins.append('VueLoaderPlugin', new VueLoaderPlugin())
environment.loaders.append('vue', vue)
module.exports = environment

const { environment } = require('@rails/webpacker')
const webpack = require('webpack')
const { VueLoaderPlugin } = require('vue-loader')
const vue =  require('./loaders/vue')

environment.plugins.append('VueLoaderPlugin', new VueLoaderPlugin())
environment.loaders.append('vue', vue)
module.exports = environment