Question

我试图在我的Laravel 5.4项目中定义javascript函数（使用Laravel样板文件）。我有一个带有函数的custom.js文件。

function displayDef(){
    $("#worddef").html("Yippee");
}

此文件通过webpack.mix.js包含在资产中，并在编译后在frontend.js中正确找到。

问题：

函数未定义：未捕获的ReferenceError：未定义displayDef

该函数存在于已编译的js文件中：

 /* 36 */
    /***/ (function(module, exports, __webpack_require__) {

    /* WEBPACK VAR INJECTION */(function($) {/* 
     * Local functions
     *
     */

    function displayDef() {
    ...

我不知道我应该如何访问这些功能。此外，如果我尝试将其放在另一个文件中：

.js([
    'resources/assets/js/chinese.js'
], 'public/js/vendor.js')

我刚收到第二个相同的文件。

我很惊讶没有回答这个主题：如何在laravel 5.4中使用mix正确定义和访问javascript函数？

Answer 1

Double.Parse(value, CultureInfo.InvariantCulture)

中的

js()函数用于编译模块捆绑文件。

来自Laravel网站：

mix

使用这一行代码，您现在可以利用：


ES2015语法。

模块

编译.vue文件。

缩小生产环境。

如果此功能在旧版javascript中，您可以使用mix.js('resources/assets/js/app.js', 'public/js');函数进行编译。

此选项对于您不需要为您的JavaScript进行Webpack编译的旧项目特别有用。

有关详情，请点击此处：https://laravel.com/docs/5.4/mix#working-with-scripts

Answer 2

在您的项目根目录中，运行更新


    npm update

Laravel使用webpack mix导入javascript自定义文件

2 个答案: