如何在 vue 和 laravel 中集成物化 js答案

【问题标题】：how to integration materialize js in vue and laravel如何在 vue 和 laravel 中集成物化 js
【发布时间】：2017-06-17 08:38:48
【问题描述】：

我试图要求在 Vue 和 Laravel 中实现

在bootstrap.js我有

window.Materialize = require('materialize-css');

在App.vue 组件中我有

mounted(){
  Materialize.toast('I am a toast!', 4000)
}

收到了

"Uncaught ReferenceError: Materialize is not defined"

消息。

【问题讨论】：

【解决方案1】：

要么使用物化 js 删除脚本标记，要么确保在要求物化之前加载 jquery。我想你有一个 browserify 设置，如果你这样做了，你可以这样做：

require('jquery')(window);
require('materialize-css')(window);

或者类似的东西：

global.jQuery = require('jquery')
global.Materialize = require('materialize-css')

或者只在全局导入 jQuery，然后简单地使用 var Materialize=require('materialize-css') 并改用变量。

对于 webpack 设置，为您通过 npm 安装并需要全局的东西添加一个插件：

  plugins:[
   new webpack.ProvidePlugin({
   $: "jquery",
   jQuery:'jquery',
   jquery:'jquery'
 }),
],

【讨论】：