xing/vue-learn
0
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Compare commits

base: xing:2a35a5d994c5847d3be9e3269f1d1bbc760eccf8
Branches Tags
xing:master
..
compare: xing:0fb36be02d186328445695f110b1df0e638628fd
Branches Tags
xing:master

5 Commits
2a35a5d994 ... 0fb36be02d

Author SHA1 Message Date
xing
0fb36be02d ?? 2020-07-02 11:14:02 +08:00
xing
1a249cc92c 路由懒加载，还是压缩打包的js文件 2020-07-02 11:13:20 +08:00
xing
4aeccb8825 路由懒加载，还是压缩打包的js文件 2020-07-02 11:13:13 +08:00
xing
64aedb7466 路由懒加载，还是压缩打包的js文件 2020-07-02 11:12:56 +08:00
xing
c526ea7d4e 线上打包环境才加载外部cdn,开发模式不加载cdn 2020-07-02 10:53:26 +08:00
6 changed files with 55 additions and 14 deletions
Show Stats Expand all files Collapse all files

3
babel.config.js
View File

@ -1,5 +1,8 @@
module.exports = { module.exports = {
presets: [ presets: [
'@vue/cli-plugin-babel/preset' '@vue/cli-plugin-babel/preset'
],
plugins: [
'@babel/plugin-syntax-dynamic-import'
] ]
} }

1
package.json
View File

@ -20,6 +20,7 @@
"vue-table-with-tree-grid": "^0.2.4" "vue-table-with-tree-grid": "^0.2.4"
}, },
"devDependencies": { "devDependencies": {
"@babel/plugin-syntax-dynamic-import": "^7.8.3",
"@vue/cli-plugin-babel": "~4.4.0", "@vue/cli-plugin-babel": "~4.4.0",
"@vue/cli-plugin-eslint": "~4.4.0", "@vue/cli-plugin-eslint": "~4.4.0",
"@vue/cli-plugin-router": "~4.4.0", "@vue/cli-plugin-router": "~4.4.0",

4
public/index.html
View File

@ -5,6 +5,7 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0"> <meta name="viewport" content="width=device-width,initial-scale=1.0">
<link rel="icon" href="<%= BASE_URL %>favicon.ico"> <link rel="icon" href="<%= BASE_URL %>favicon.ico">
<% if(htmlWebpackPlugin.options.isProd){ %>
<link href="https://cdn.staticfile.org/element-ui/2.13.2/theme-chalk/index.css" rel="stylesheet"> <link href="https://cdn.staticfile.org/element-ui/2.13.2/theme-chalk/index.css" rel="stylesheet">
<link href="https://cdn.staticfile.org/nprogress/0.2.0/nprogress.css" rel="stylesheet"> <link href="https://cdn.staticfile.org/nprogress/0.2.0/nprogress.css" rel="stylesheet">
<link href="https://cdn.staticfile.org/quill/1.3.7/quill.core.min.css" rel="stylesheet"> <link href="https://cdn.staticfile.org/quill/1.3.7/quill.core.min.css" rel="stylesheet">
@ -20,7 +21,8 @@
<script src="https://cdn.staticfile.org/element-ui/2.13.2/index.js"></script> <script src="https://cdn.staticfile.org/element-ui/2.13.2/index.js"></script>
<script src="https://cdn.staticfile.org/quill/1.3.7/quill.min.js"></script> <script src="https://cdn.staticfile.org/quill/1.3.7/quill.min.js"></script>
<script src="vue-quill-editor.js"></script> <script src="vue-quill-editor.js"></script>
<title><%= htmlWebpackPlugin.options.title %></title> <% } %>
<title><%= htmlWebpackPlugin.options.isProd ? '' :'dev -' %> 后台管理系统</title>
</head> </head>
<body> <body>
<noscript> <noscript>

42
src/router/router.js
View File

@ -1,17 +1,35 @@
import Vue from 'vue' import Vue from 'vue'
import VueRouter from 'vue-router' import VueRouter from 'vue-router'
import Login from '../components/Login'
import Home from '../components/Home' // import Login from '../components/Login'
import welcome from '../components/welcome' const Login = () => import(/* webpackChunkName: "login-home-welcome" */ '../components/Login')
import users from '../components/users/users'
import access from '../components/access/access' // import Home from '../components/Home'
import roles from '../components/access/roles' const Home = () => import(/* webpackChunkName: "login-home-welcome" */ '../components/Home')
import categories from '../components/goods/categories'
import params from '../components/goods/params' // import welcome from '../components/welcome'
import goods from '../components/goods/goods' const welcome = () => import(/* webpackChunkName: "login-home-welcome" */ '../components/welcome')
import goodsEdit from '../components/goods/edit'
import order from '../components/order/order' // import users from '../components/users/users'
import report from '../components/report/report' // import access from '../components/access/access'
// import roles from '../components/access/roles'
const users = () => import(/* webpackChunkName: "login-home-users" */ '../components/welcome')
const access = () => import(/* webpackChunkName: "login-home-users" */ '../components/access/access')
const roles = () => import(/* webpackChunkName: "login-home-users" */ '../components/access/roles')
// import categories from '../components/goods/categories'
// import params from '../components/goods/params'
// import goods from '../components/goods/goods'
// import goodsEdit from '../components/goods/edit'
const categories = () => import(/* webpackChunkName: "login-home-goods" */ '../components/goods/categories')
const params = () => import(/* webpackChunkName: "login-home-goods" */ '../components/goods/params')
const goods = () => import(/* webpackChunkName: "login-home-goods" */ '../components/goods/goods')
const goodsEdit = () => import(/* webpackChunkName: "login-home-goods" */ '../components/goods/edit')
// import order from '../components/order/order'
// import report from '../components/report/report'
const order = () => import(/* webpackChunkName: "login-home-order" */ '../components/order/order')
const report = () => import(/* webpackChunkName: "login-home-order" */ '../components/report/report')
Vue.use(VueRouter) Vue.use(VueRouter)

10
vue.config.js
View File

@ -20,10 +20,20 @@ module.exports = {
nprogress: 'NProgress', nprogress: 'NProgress',
'vue-quill-editor': 'VueQuillEditor' 'vue-quill-editor': 'VueQuillEditor'
}) })
config.plugin('html').tap(args => {
args[0].isProd = true
return args
})
}) })
// 设置开发环境的main.js // 设置开发环境的main.js
config.when(process.env.NODE_ENV === 'development', config => { config.when(process.env.NODE_ENV === 'development', config => {
config.entry('add').clear().add('./src/main-dev.js') config.entry('add').clear().add('./src/main-dev.js')
config.plugin('html').tap(args => {
args[0].isProd = false
return args
})
}) })
} }
} }

9
yarn.lock
View File

@ -377,13 +377,20 @@
dependencies: dependencies:
"@babel/helper-plugin-utils" "^7.10.1" "@babel/helper-plugin-utils" "^7.10.1"
"@babel/plugin-syntax-dynamic-import@^7.8.0", "@babel/plugin-syntax-dynamic-import@^7.8.3": "@babel/plugin-syntax-dynamic-import@^7.8.0":
version "7.8.3" version "7.8.3"
resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-dynamic-import/-/plugin-syntax-dynamic-import-7.8.3.tgz#62bf98b2da3cd21d626154fc96ee5b3cb68eacb3" resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-dynamic-import/-/plugin-syntax-dynamic-import-7.8.3.tgz#62bf98b2da3cd21d626154fc96ee5b3cb68eacb3"
integrity sha512-5gdGbFon+PszYzqs83S3E5mpi7/y/8M9eC90MRTZfduQOYW76ig6SOSPNe41IG5LoP3FGBn2N0RjVDSQiS94kQ== integrity sha512-5gdGbFon+PszYzqs83S3E5mpi7/y/8M9eC90MRTZfduQOYW76ig6SOSPNe41IG5LoP3FGBn2N0RjVDSQiS94kQ==
dependencies: dependencies:
"@babel/helper-plugin-utils" "^7.8.0" "@babel/helper-plugin-utils" "^7.8.0"
"@babel/plugin-syntax-dynamic-import@^7.8.3":
version "7.8.3"
resolved "https://registry.npm.taobao.org/@babel/plugin-syntax-dynamic-import/download/@babel/plugin-syntax-dynamic-import-7.8.3.tgz?cache=0&sync_timestamp=1578950368021&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Fplugin-syntax-dynamic-import%2Fdownload%2F%40babel%2Fplugin-syntax-dynamic-import-7.8.3.tgz#62bf98b2da3cd21d626154fc96ee5b3cb68eacb3"
integrity sha1-Yr+Ysto80h1iYVT8lu5bPLaOrLM=
dependencies:
"@babel/helper-plugin-utils" "^7.8.0"
"@babel/plugin-syntax-json-strings@^7.8.0": "@babel/plugin-syntax-json-strings@^7.8.0":
version "7.8.3" version "7.8.3"
resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-json-strings/-/plugin-syntax-json-strings-7.8.3.tgz#01ca21b668cd8218c9e640cb6dd88c5412b2c96a" resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-json-strings/-/plugin-syntax-json-strings-7.8.3.tgz#01ca21b668cd8218c9e640cb6dd88c5412b2c96a"