ruby-on-rails - 如何在 webpacker rails 中使用 ProvidePlugin？

Question

我目前正在尝试使用 webpack.ProvidePlugin，但似乎没有正确加载它。这是我的 environment.js

var webpack = require("webpack");

const { environment } = require("@rails/webpacker");
const vueLoader = require("./loaders/vue");

environment.loaders.append("vue", vueLoader);

environment.plugins.append(
  "Provide", // arbitrary name
  new webpack.ProvidePlugin({
    Vue: "vue",
    _: "lodash"
  })
);

module.exports = environment;

和我的文件 Header.vue

<h1>{{_.capitalize(title)}} </h1>

错误:

vue.runtime.esm.js:587 [Vue warn]: Property or method "_" is not defined on
 the instance but referenced during render. Make sure that this property is 
reactive, either in the data option, or for class-based components, by 
initializing the property. 

Answer 1

您可以使用 vue-lodash Vue 插件，它在 Vue 模板中提供 lodash，您的代码将可以工作。

安装它( npm i vue-lodash )并配置 Vue 以使用它:

import Vue from 'vue'
import VueLodash from 'vue-lodash'

Vue.use(VueLodash, options)

您可以像在 Header.vue 中一样在 Vue 模板中使用 lodash :)