From 6e862ac968a90fe127b4857c2be145cb247571dd Mon Sep 17 00:00:00 2001 From: xpnas Date: Sat, 27 Mar 2021 20:25:13 +0800 Subject: [PATCH] =?UTF-8?q?=E5=90=AF=E7=94=A8CDN?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- Inotify.Vue/package.json | 10 +- Inotify.Vue/public/favicon.ico | Bin 67646 -> 1150 bytes Inotify.Vue/public/index.html | 36 +++-- Inotify.Vue/src/main.js | 22 +-- Inotify.Vue/src/views/404.vue | 241 ++++----------------------------- Inotify.Vue/vue.config.js | 80 +++++++---- 6 files changed, 107 insertions(+), 282 deletions(-) diff --git a/Inotify.Vue/package.json b/Inotify.Vue/package.json index 8959592..a80f107 100644 --- a/Inotify.Vue/package.json +++ b/Inotify.Vue/package.json @@ -1,5 +1,5 @@ { - "name": "Inotify-vue", + "name": "inotify", "version": "0.0.1", "description": "WebControl for Inotify", "author": "", @@ -15,18 +15,16 @@ }, "dependencies": { "axios": "0.18.1", - "core-js": "3.6.5", "echarts": "^4.9.0", - "element-plus": "^1.0.2-beta.32", "element-ui": "2.13.2", "js-cookie": "2.2.0", - "moment": "^2.29.1", "normalize.css": "7.0.0", "nprogress": "0.2.0", "path-to-regexp": "2.4.0", + "moment": "2.29.1", "vue": "2.6.10", - "vue-router": "3.0.6", - "vuex": "3.1.0" + "vuex": "3.1.0", + "vue-router": "3.0.6" }, "devDependencies": { "@vue/cli-plugin-babel": "4.4.4", diff --git a/Inotify.Vue/public/favicon.ico b/Inotify.Vue/public/favicon.ico index 46e0084f9bbbd2c669e3dbdb001c35669d5aa17a..b9ffa0137427ac9e8571388101200363d476d1e0 100644 GIT binary patch literal 1150 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 TOq6M95BvTY8?1k{*zW%i+CoJR diff --git a/Inotify.Vue/public/index.html b/Inotify.Vue/public/index.html index fa2be91..74f6833 100644 --- a/Inotify.Vue/public/index.html +++ b/Inotify.Vue/public/index.html @@ -1,17 +1,23 @@ - - - - - - <%= webpackConfig.name %> - - - -
- - - + + + + + + <% for (var i in htmlWebpackPlugin.options.cdn && htmlWebpackPlugin.options.cdn.css) { %> + + <% } %> + + <%= webpackConfig.name %> + + + + + <% for (var i in htmlWebpackPlugin.options.cdn && htmlWebpackPlugin.options.cdn.js) { %> + + <% } %> +
+ + + \ No newline at end of file diff --git a/Inotify.Vue/src/main.js b/Inotify.Vue/src/main.js index 4e1a5fd..0dff0ec 100644 --- a/Inotify.Vue/src/main.js +++ b/Inotify.Vue/src/main.js @@ -1,8 +1,8 @@ import Vue from 'vue' -import 'normalize.css/normalize.css' // A modern alternative to CSS resets +// import 'normalize.css/normalize.css' // A modern alternative to CSS resets import ElementUI from 'element-ui' -import 'element-ui/lib/theme-chalk/index.css' +// import 'element-ui/lib/theme-chalk/index.css' import locale from 'element-ui/lib/locale/lang/zh-CN' // lang i18n import '@/styles/index.scss' // global css @@ -13,25 +13,7 @@ import router from './router' import '@/icons' // icon import '@/permission' // permission control - -/** - * If you don't want to use mock-server - * you want to use MockJs for mock api - * you can execute: mockXHR() - * - * Currently MockJs will be used in the production environment, - * please remove it before going online ! ! ! - */ -// if (process.env.NODE_ENV === 'production') { -// const { mockXHR } = require('../mock') -// mockXHR() -// } - -// set ElementUI lang to EN Vue.use(ElementUI, { locale, size: 'small' }) -// 如果想要中文版 element-ui，按如下方式声明 -// Vue.use(ElementUI) - Vue.config.productionTip = false new Vue({ diff --git a/Inotify.Vue/src/views/404.vue b/Inotify.Vue/src/views/404.vue index 1791f55..ac323e4 100644 --- a/Inotify.Vue/src/views/404.vue +++ b/Inotify.Vue/src/views/404.vue @@ -1,228 +1,45 @@ - + \ No newline at end of file diff --git a/Inotify.Vue/vue.config.js b/Inotify.Vue/vue.config.js index ea4dbd2..ee1a249 100644 --- a/Inotify.Vue/vue.config.js +++ b/Inotify.Vue/vue.config.js @@ -6,24 +6,48 @@ function resolve(dir) { return path.join(__dirname, dir) } -const name = defaultSettings.title || 'Inotify' // page title +const name = defaultSettings.title || 'Inotify' +const port = process.env.port || process.env.npm_config_port || 9528 -// If your port is set to 80, -// use administrator privileges to execute the command line. -// For example, Mac: sudo npm run -// You can change the port by the following methods: -// port = 9528 npm run dev OR npm run dev --port = 9528 -const port = process.env.port || process.env.npm_config_port || 9528 // dev port +const axiosV = require('axios/package.json').version +const echartsV = require('echarts/package.json').version +const elementV = require('element-ui/package.json').version +const jscookieV = require('js-cookie/package.json').version +const normalizeV = require('normalize.css/package.json').version +const vueV = require('vue/package.json').version +const routerV = require('vue-router/package.json').version +const vuexV = require('vuex/package.json').version +const cookieV = require('js-cookie/package.json').version +const nprogressV = require('nprogress/package.json').version +const momentV = require('moment/package.json').version +const cdn = { + externals: { + axios: 'axios', + echarts: 'echarts', + 'element-ui': 'ELEMENT', + moment: 'moment', + locale: 'locale', + vue: 'Vue', + vuex: 'Vuex', + 'vue-router': 'VueRouter' + }, + css: [`https://cdn.bootcdn.net/ajax/libs/element-ui/${elementV}/theme-chalk/index.css`, `https://cdn.bootcdn.net/ajax/libs/nprogress/${nprogressV}/nprogress.min.css`, `https://lib.baomitu.com/normalize/${normalizeV}/normalize.css`], + js: [ + `https://cdn.bootcdn.net/ajax/libs/vue/${vueV}/vue.min.js`, + `https://cdn.bootcdn.net/ajax/libs/vuex/${vuexV}/vuex.min.js`, + `https://cdn.bootcdn.net/ajax/libs/js-cookie/${jscookieV}/js.cookie.js`, + `https://cdn.bootcdn.net/ajax/libs/element-ui/${elementV}/index.js`, + `https://cdn.bootcdn.net/ajax/libs/axios/${axiosV}/axios.min.js`, + `https://cdn.bootcdn.net/ajax/libs/moment.js/${momentV}/moment.min.js`, + `https://cdn.bootcdn.net/ajax/libs/echarts/4.9.0-rc.1/echarts.min.js`, + `https://cdn.bootcdn.net/ajax/libs/vue-router/${routerV}/vue-router.min.js`, + `https://cdn.bootcdn.net/ajax/libs/element-ui/${elementV}/locale/zh-CN.js`, + `https://cdn.bootcdn.net/ajax/libs/js-cookie/${cookieV}/js.cookie.min.js`, + `https://cdn.bootcdn.net/ajax/libs/nprogress/${nprogressV}/nprogress.min.js` + ] +} -// All configuration item explanations can be find in https://cli.vuejs.org/config/ module.exports = { - /** - * You will need to set publicPath if you plan to deploy your site under a sub path, - * for example GitHub Pages. If you plan to deploy your site to https://foo.github.io/bar/, - * then publicPath should be set to "/bar/". - * In most cases please use '/' !!! - * Detail: https://cli.vuejs.org/config/#publicpath - */ publicPath: '/', outputDir: '../Inotify/wwwroot', assetsDir: 'static', @@ -39,9 +63,6 @@ module.exports = { before: require('./mock/mock-server.js') }, configureWebpack: { - // provide the app's title in webpack's name field, so that - // it can be accessed in index.html to inject the correct title. - name: name, resolve: { alias: { '@': resolve('src') @@ -49,19 +70,23 @@ module.exports = { }, devtool: 'source-map', performance: { - hints: 'warning', // 枚举 - hints: 'error', // 性能提示中抛出错误 - hints: false, // 关闭性能提示 - maxAssetSize: 200000, // 整数类型（以字节为单位） - maxEntrypointSize: 400000, // 整数类型（以字节为单位） + hints: 'warning', + hints: 'error', + hints: false, + maxAssetSize: 200000, + maxEntrypointSize: 400000, assetFilter: function(assetFilename) { - // 提供资源文件名的断言函数 return assetFilename.endsWith('.css') || assetFilename.endsWith('.js') } - } + }, + externals: cdn.externals }, chainWebpack(config) { - // it can improve the speed of the first screen, it is recommended to turn on preload + config.plugin('html').tap(args => { + args[0].cdn = cdn + return args + }) + config.plugin('preload').tap(() => [ { rel: 'preload', @@ -72,10 +97,7 @@ module.exports = { } ]) - // when there are many pages, it will cause too many meaningless requests config.plugins.delete('prefetch') - - // set svg-sprite-loader config.module .rule('svg') .exclude.add(resolve('src/icons'))