-
Notifications
You must be signed in to change notification settings - Fork 123
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
zhuyihe
committed
Apr 26, 2019
1 parent
65d8d21
commit bdc5968
Showing
13 changed files
with
84 additions
and
67 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,2 @@ | ||
| VUE_APP_CURRENTMODE ="development" | ||
| VUE_APP_LOGOUT_URL="http://localhost:3000/" |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,3 @@ | ||
|
|
||
| VUE_APP_CURRENTMODE ="production" | ||
| VUE_APP_LOGOUT_URL="https://www.jubao56.com/" |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,5 +1,5 @@ | ||
| import {get,post} from './request'; | ||
| //登陆 | ||
| export const login=(login)=>post('/api/post/user/login',login) | ||
| export const login= (login)=>post('/api/post/user/login',login) | ||
| //上传 | ||
| export const upload=(upload)=>get('/api/get/upload',upload) |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
|
|
@@ -3,6 +3,9 @@ let path = require('path'); | |
| const UglifyJsPlugin = require('uglifyjs-webpack-plugin') | ||
| //gzip压缩插件 | ||
| const CompressionWebpackPlugin = require('compression-webpack-plugin') | ||
| //打包分析 | ||
| // const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin; | ||
| const cdnPlugin = require('webpack-cdn-plugin'); | ||
| function resolve(dir) { | ||
| return path.join(__dirname, dir) | ||
| } | ||
|
|
@@ -12,62 +15,59 @@ let externals = { | |
| 'axios': 'axios', | ||
| 'element-ui': 'ELEMENT', | ||
| 'vue-router': 'VueRouter', | ||
| 'vuex': 'Vuex' | ||
| } | ||
| const cdn={ | ||
| css:[ | ||
| //element-ui css | ||
| 'https://unpkg.com/element-ui/lib/theme-chalk/index.css' | ||
| ], | ||
| js:[ | ||
| //vue | ||
| 'https://unpkg.com/[email protected]/dist/vue.min.js', | ||
| //axios | ||
| 'http://cdn.staticfile.org/axios/0.19.0-beta.1/axios.min.js', | ||
| //vuex | ||
| 'https://unpkg.com/[email protected]/dist/vuex.min.js', | ||
| //vue-router | ||
| 'https://unpkg.com/[email protected]/dist/vue-router.min.js', | ||
| //element | ||
| 'https://unpkg.com/[email protected]/lib/index.js' | ||
| ] | ||
| 'vuex': 'Vuex', | ||
| 'echarts': 'echarts', | ||
| 'vue2-editor': 'VueEditor' | ||
| } | ||
| module.exports = { | ||
| //基本路径 | ||
| publicPath: './', | ||
| publicPath: '/dist/', | ||
| //输出文件目录 | ||
| outputDir: 'dist', | ||
| //放置生成的静态资源 (js、css、img、fonts) 的 (相对于 outputDir 的) 目录。 | ||
| assetsDir: 'static', | ||
| //生产环境不需要生产map文件 | ||
| productionSourceMap:false, | ||
| productionSourceMap: false, | ||
| chainWebpack: config => { | ||
| //这里是对环境的配置，不同的环境对应不同的BASE_URL | ||
| config.plugin('define').tap(args => { | ||
| args[0]['process.env'].BASE_URL = JSON.stringify(process.env.BASE_URL) | ||
| args[0]['process.env'].VUE_APP_LOGOUT_URL = JSON.stringify(process.env.VUE_APP_LOGOUT_URL) | ||
| console.log(args[0]) | ||
| return args; | ||
| }); | ||
| //代码分割 | ||
| config.optimization.minimize(true); | ||
| config.optimization.splitChunks({ | ||
| chunks: 'all' | ||
| }) | ||
|
|
||
| //只在生产环境生效 | ||
| if(process.env.NODE_ENV==='production'){ | ||
| if (process.env.VUE_APP_CURRENTMODE === 'production') { | ||
| config.externals(externals) | ||
| config.plugin('html') | ||
| .tap(args=>{ | ||
| args[0].cdn=cdn; | ||
| return args | ||
| config.optimization.minimize(true); | ||
| config.optimization.splitChunks({ | ||
| chunks: 'all', | ||
| cacheGroups: { | ||
| public: { | ||
| name: 'public', | ||
| test: resolve('src/components'), | ||
| minSize: 0, //表示在压缩前的最小模块大小,默认值是 30kb | ||
| minChunks: 2, // 最小公用次数 | ||
| priority: 5, // 优先级 | ||
| reuseExistingChunk: true // 公共模块必开启 | ||
| }, | ||
| vendors: { | ||
| test: /[\\/]node_modules[\\/]/, | ||
| priority: -10 | ||
| } | ||
| } | ||
| }) | ||
| } | ||
| //设置别名 | ||
| config.resolve.alias | ||
| //设置别名 | ||
| config.resolve.alias | ||
| .set('@', resolve('src')) | ||
| .set('@api', resolve('src/api/api'))//接口地址 | ||
| .set('@assets', resolve('src/assets')) | ||
| }, | ||
| // webpack插件配置 | ||
| configureWebpack: config => { | ||
| let plugins = [ | ||
| //生产环境插件 | ||
| let pluginsPro = [ | ||
| new UglifyJsPlugin({ | ||
| uglifyOptions: { | ||
| compress: { | ||
|
|
@@ -90,16 +90,44 @@ module.exports = { | |
| threshold: 10240, | ||
| minRatio: 0.8, | ||
| }), | ||
| ] | ||
| if (process.env.NODE_ENV !== 'development') { | ||
| config.plugins = [...config.plugins, ...plugins] | ||
| // new BundleAnalyzerPlugin(), | ||
|
|
||
| ], | ||
| //通用插件 | ||
| plugins = [ | ||
| new cdnPlugin({ | ||
| modules: [ | ||
| { name: 'vue', var: 'Vue', path: 'dist/vue.min.js' }, | ||
| { name: 'axios', var: 'axios', path: 'dist/axios.min.js' }, | ||
| { name: 'vuex', var: 'Vuex', path: 'dist/vuex.min.js' }, | ||
| { name: 'element-ui', var: 'ELEMENT', path: 'lib/index.js', style: 'lib/theme-chalk/index.css' }, | ||
| { name: 'echarts', var: 'echarts', path: 'dist/echarts.min.js' }, | ||
| { name: 'vue2-editor', var: 'VueEditor', path: 'dist/vue2-editor.js' }, | ||
| { name: 'vue-router', var: 'VueRouter', path: 'dist/vue-router.min.js' }, | ||
| ], | ||
| publicPath: '/node_modules' | ||
| }) | ||
| ] | ||
| if (process.env.VUE_APP_CURRENTMODE !== 'development') { | ||
| config.plugins = [...config.plugins, ...pluginsPro] | ||
| } | ||
| config.plugins = [...config.plugins, ...plugins] | ||
| }, | ||
| devServer: { | ||
| open: true | ||
| port: 8888, // 端口 | ||
| open: true, // 自动开启浏览器 | ||
| compress: false, // 开启压缩 | ||
| overlay: { | ||
| warnings: true, | ||
| errors: true | ||
| } | ||
| }, | ||
| //定义scss全局变量 | ||
| css: { | ||
| // 是否使用css分离插件 ExtractTextPlugin | ||
| extract: true, | ||
| // 开启 CSS source maps? | ||
| sourceMap: false, | ||
| loaderOptions: { | ||
| sass: { | ||
| data: `@import "@/assets/scss/global.scss";` | ||
|
|
||