Laravel 使用 iview-admin最難部分是配置文件的瑞凑,其他可以參照這邊文章匀泊,該作者寫的不錯http://www.reibang.com/p/3ee089272a7f?
package.json的完整代碼如下:
{
? "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": "npm run development -- --watch",
? ? "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 --no-progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
? },
? "babel": {
? ? "plugins": [
? ? ? "transform-object-rest-spread"
? ? ]
? },
? "devDependencies": {
? ? "@vue/cli-plugin-babel": "^3.0.1",
? ? "@vue/cli-plugin-eslint": "^3.0.1",
? ? "@vue/cli-plugin-unit-mocha": "^3.0.1",
? ? "@vue/cli-service": "^3.0.1",
? ? "@vue/eslint-config-standard": "^3.0.0-beta.10",
? ? "@vue/test-utils": "^1.0.0-beta.10",
? ? "axios": "^0.18",
? ? "bootstrap": "^4.0.0",
? ? "popper.js": "^1.12",
? ? "jquery": "^3.2",
? ? "laravel-mix": "^2.0",
? ? "lodash": "^4.17.4",
? ? "iview": "^3.1.5",
? ? "vux": "^2.9.2",
? ? "vux-loader": "^1.2.9",
? ? "autoprefixer-loader": "^3.2.0",
? ? "babel-cli": "^6.26.0",
? ? "babel-core": "^6.26.0",
? ? "babel-helper-vue-jsx-merge-props": "^2.0.3",
? ? "babel-loader": "^7.1.4",
? ? "babel-plugin-dynamic-import-node": "^1.2.0",
? ? "babel-plugin-syntax-jsx": "^6.18.0",
? ? "babel-plugin-transform-class-properties": "^6.24.1",
? ? "babel-plugin-transform-es5-property-mutators": "^6.24.1",
? ? "babel-plugin-transform-object-rest-spread": "^6.26.0",
? ? "babel-plugin-transform-runtime": "^6.23.0",
? ? "babel-plugin-transform-vue-jsx": "^3.7.0",
? ? "babel-preset-env": "^1.6.1",
? ? "babel-preset-stage-3": "^6.24.1",
? ? "babel-runtime": "^6.26.0",
? ? "chai": "^4.1.2",
? ? "compression-webpack-plugin": "^1.1.10",
? ? "cross-env": "^5.1.3",
? ? "css-loader": "^0.28.10",
? ? "eslint": "^3.19.0",
? ? "eslint-plugin-vue": "^2.1.0",
? ? "extract-text-webpack-plugin": "^2.1.2",
? ? "file-loader": "^1.1.11",
? ? "friendly-errors-webpack-plugin": "^1.6.1",
? ? "gulp": "^3.9.1",
? ? "gulp-autoprefixer": "^5.0.0",
? ? "gulp-clean-css": "^3.9.3",
? ? "gulp-less": "^4.0.0",
? ? "gulp-rename": "^1.2.2",
? ? "html-loader": "^0.5.5",
? ? "html-webpack-plugin": "^3.0.6",
? ? "karma": "^2.0.0",
? ? "karma-chrome-launcher": "^2.2.0",
? ? "karma-coverage": "^1.1.1",
? ? "karma-mocha": "^1.3.0",
? ? "karma-sinon-chai": "^1.3.3",
? ? "karma-sourcemap-loader": "^0.3.7",
? ? "karma-spec-reporter": "^0.0.32",
? ? "karma-webpack": "^2.0.13",
? ? "less": "^2.7.3",
? ? "less-loader": "^4.0.6",
? ? "lolex": "^2.3.2",
? ? "mocha": "^5.0.4",
? ? "sinon": "^4.4.2",
? ? "sinon-chai": "^3.0.0",
? ? "style-loader": "^0.20.2",
? ? "uglifyjs-webpack-plugin": "^1.2.3",
? ? "url-loader": "^1.0.1",
? ? "vue": "^2.5.16",
? ? "vue-hot-reload-api": "^2.3.0",
? ? "vue-html-loader": "^1.2.4",
? ? "vue-loader": "^14.2.1",
? ? "vue-router": "^3.0.1",
? ? "vue-style-loader": "^4.0.2",
? ? "vue-template-compiler": "^2.5.16",
? ? "webpack": "^3.11.0",
? ? "webpack-dev-server": "^2.11.1",
? ? "webpack-merge": "^3.0.0",
? ? "imagemin": "^6.0.0",
? ? "copy-webpack-plugin": "^4.5.2",
? ? "eslint-plugin-cypress": "^2.0.1",
? ? "lint-staged": "^6.0.0",
? ? "mockjs": "^1.0.1-beta3"
? },
? "dependencies": {
? ? "babel-plugin-transform-object-rest-spread": "^6.23.0",
? ? "async-validator": "^1.8.2",
? ? "deepmerge": "^2.1.0",
? ? "element-resize-detector": "^1.1.14",
? ? "js-calendar": "^1.2.3",
? ? "lodash.throttle": "^4.1.1",
? ? "popper.js": "^1.14.1",
? ? "tinycolor2": "^1.4.1",
? ? "v-click-outside-x": "^3.5.0",
? ? "axios": "^0.18.0",
? ? "clipboard": "^2.0.0",
? ? "codemirror": "^5.38.0",
? ? "countup": "^1.8.2",
? ? "cropperjs": "^1.2.2",
? ? "dayjs": "^1.7.7",
? ? "echarts": "^4.0.4",
? ? "html2canvas": "^1.0.0-alpha.12",
? ? "iview": "^3.1.3",
? ? "iview-area": "^1.5.17",
? ? "js-cookie": "^2.2.0",
? ? "simplemde": "^1.11.2",
? ? "sortablejs": "^1.7.0",
? ? "tree-table-vue": "^1.0.5",
? ? "vue": "^2.5.10",
? ? "vue-i18n": "^7.8.0",
? ? "vue-router": "^3.0.1",
? ? "vuedraggable": "^2.16.0",
? ? "vuex": "^3.0.1",
? ? "wangeditor": "^3.1.1",
? ? "xlsx": "^0.13.3"
? }
}