Laravel5.3 & Vue.js 2.0 ----- package.json 和 gulp 配置
說明：最近我使用
laravel5.3和vue.js 2.0，但是編譯完成后一直報錯，所以我就找了下原因，原因大概是laravel5.3工程中:npm的package.json配置文件大都還是用的 vue.js 1.0 版本的插件。
所以應該找對應2.0版本的插件修改掉，建議一開始就在 package.json 中把不需要或者過舊的包刪除掉
下面是比較新的插件包:
---- package.json
{
"private": true,
"scripts": {
"prod": "gulp --production",
"dev": "gulp watch"
},
"devDependencies": {
"gulp": "^3.9.1",
"laravel-elixir": "^6.0.0-15",
"laravel-elixir-vue-2": "^0.3.0", // 項目根目錄 gulp.js 中要相應改掉
"laravel-elixir-webpack-official": "^1.0.10",
"lodash": "^4.14.0",
"vue": "^2.1.10",
"vue-loader": "^11.1.2",
"vue-resource": "^1.2.0",
"vue-router": "^2.2.1"
}
}
---gulp.js
const elixir = require('laravel-elixir');
require('laravel-elixir-vue-2');
/*
|--------------------------------------------------------------------------
| Elixir Asset Management
|--------------------------------------------------------------------------
|
| Elixir provides a clean, fluent API for defining some basic Gulp tasks
| for your Laravel application. By default, we are compiling the Sass
| file for our application, as well as publishing vendor resources.
|
*/
elixir(mix => {
mix.sass('app.scss')
.webpack('main.js');
});
