在app.js在laravel合併js文件5

您好我想在laravel創建app.js 5.4在app.js在laravel合併js文件5

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'？我需要它嗎？

來源

2017-08-28 Ali

首先確保安裝了最新的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）。您可能需要引用一個特殊的加載程序或插件

來源

2017-08-28 13:27:40

在app.js在laravel合併js文件5

回答

相關問題