在 laravel 5 中合并 app.js 中的 js 文件答案

【问题标题】：combining js files in app.js in laravel 5在 laravel 5 中合并 app.js 中的 js 文件
【发布时间】：2017-08-28 13:19:37
【问题描述】：

您好，我想在 laravel 5.4 上创建一个 app.js

webpack.mix.js

mix.js('resources/assets/js/app.js', 'public/js');

在 package.josn 中

{
  "private": true,
  "scripts": {
    "dev": "npm run development",
    "development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
    "watch": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --watch --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
    "watch-poll": "npm run watch -- --watch-poll",
    "hot": "cross-env NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js",
    "prod": "npm run production",
    "production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
  },
  "devDependencies": {
    "axios": "^0.16.2",
    "bootstrap-sass": "^3.3.7",
    "jquery": "^3.1.1",
    "laravel-mix": "^1.0",
    "lodash": "^4.17.4",
    "vue": "^2.1.10"
  },
  "dependencies": {
    "laravel-echo": "^1.3.2",
    "pusher-js": "^4.1.0",
    "sweetalert": "^1.1.3",
    "webpack": "^3.5.5"
  }
}

我只需要这个（保存在 app.js 中）

    "laravel-echo": "^1.3.2",
    "pusher-js": "^4.1.0",
    "sweetalert": "^1.1.3",

我该怎么做？

我尝试NMP run dev，但它结合了所有 js。

还有什么是'webpack'？我需要吗？

【问题讨论】：

标签： laravel npm laravel-5.4 laravel-mix

【解决方案1】：

首先确保你安装了最新的nodejs，安装完成后运行npm install。

在您的 webpack.mix.js 中添加另一行包含您要创建的文件：

mix.js('resources/assets/js/yourfile.js', 'public/js');

将代码放在那个.js文件中然后打开终端和run npm run dev这将编译文件到项目公共目录public/assets/js/yourfile.js之后运行npm run watch这样你对你的js文件所做的任何更改都将被编译自动进行，因此您不必每次进行更改时都致电npm run dev。

webpack

是一个预配置的webpack.config.js 文件，可让您尽快启动并运行。有时，您可能需要手动修改此文件（在我们的例子中，我们引用了 webpack 上的另一个 js）。你可能有一个特殊的加载器或插件需要被引用

【讨论】：