Laravel 5.4和Semantic UI

Question

我正在使用Laravel 5.4和Semantic 2.2.7。这是我的混音

activeYear

我将我的js库与vendor.js结合得很好。如果我从link跟进登录示例，我将收到如下错误。

注意：我检查了使用视图源，我可以将forms.js代码映射到vendor.js文件中。

我需要在laravel中设置任何解决方案吗？

另外，为什么我的scripts.js文件10343行，而我的login.validator.js只有34行

Answer 1

您可以使用webpack CommonsChunkPlugin来避免jquery读取，您可以在webpack.mix.js文件中添加该设置，请参阅Laravel mix custom webpack configuration。

示例（未测试）

webpack.mix.js

...
...
mix.webpackConfig({
    entry: {
        vendor: ["jquery", "other-lib"]
    },
    plugins: [
        new webpack.optimize.CommonsChunkPlugin({
           name: 'vendor'
        })
    ]
});

Answer 2

您必须将jQuery设置为global。 Webpack仅在需要时加载模块，因此您必须使用autoload()使其在任何地方都可用。

mix.autoload({
   jquery: ['$', 'window.jQuery']
});

Answer 3

检查此包裹。这个对我有用。 https://github.com/Maxlab/laravel-vue-semantic-ui