|
|
|
|
@ -1,11 +1,11 @@
|
|
|
|
|
"use strict";
|
|
|
|
|
const path = require("path");
|
|
|
|
|
const defaultSettings = require("./src/settings.js");
|
|
|
|
|
// const webpack = require("webpack");
|
|
|
|
|
// const CompressionPlugin = require("compression-webpack-plugin");
|
|
|
|
|
const webpack = require("webpack");
|
|
|
|
|
const CompressionPlugin = require("compression-webpack-plugin");
|
|
|
|
|
// const zlib = require("zlib");
|
|
|
|
|
function resolve(dir) {
|
|
|
|
|
return path.join(__dirname, dir);
|
|
|
|
|
return path.join(__dirname, dir);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
const name = defaultSettings.title || "vue Admin Template"; // page title
|
|
|
|
|
@ -13,204 +13,205 @@ const name = defaultSettings.title || "vue Admin Template"; // page title
|
|
|
|
|
const port = 8888 || process.env.port || process.env.npm_config_port; // dev port
|
|
|
|
|
|
|
|
|
|
module.exports = {
|
|
|
|
|
publicPath: "./",
|
|
|
|
|
outputDir: "dist",
|
|
|
|
|
assetsDir: "static",
|
|
|
|
|
lintOnSave: process.env.NODE_ENV === "development",
|
|
|
|
|
// lintOnSave: false,
|
|
|
|
|
productionSourceMap: false,
|
|
|
|
|
devServer: {
|
|
|
|
|
// 配置反向代理
|
|
|
|
|
port: port,
|
|
|
|
|
open: true,
|
|
|
|
|
overlay: {
|
|
|
|
|
warnings: false,
|
|
|
|
|
errors: true,
|
|
|
|
|
},
|
|
|
|
|
proxy: {
|
|
|
|
|
// 地址中有 /api 的时候会触发代理
|
|
|
|
|
"/api_prod": {
|
|
|
|
|
// target: "http://localhost:8001/",
|
|
|
|
|
target: "http://bl7.matripe.com.cn:8001",
|
|
|
|
|
// target: "http://1shoudan.renminshitang.com.cn",
|
|
|
|
|
// target: "https://d.matripe.com.cn",
|
|
|
|
|
ws: true, // proxy websockets
|
|
|
|
|
changeOrigin: true, // 确定是否跨域
|
|
|
|
|
pathRewrite: {
|
|
|
|
|
"^/api_prod": "",
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
// '/api_prod': {
|
|
|
|
|
// target: 'http://a.matripe.com.cn',
|
|
|
|
|
// ws: true, // proxy websockets
|
|
|
|
|
// changeOrigin: true, // needed for virtual hosted sites
|
|
|
|
|
// pathRewrite: {
|
|
|
|
|
// '^/api_prod': '' // rewrite path
|
|
|
|
|
// }
|
|
|
|
|
// },
|
|
|
|
|
// '/api_dev': {
|
|
|
|
|
// target: 'http://nb.renminshitang.com.cn:8001',
|
|
|
|
|
// ws: true, // proxy websockets
|
|
|
|
|
// changeOrigin: true, // needed for virtual hosted sites
|
|
|
|
|
// pathRewrite: {
|
|
|
|
|
// '^/api_dev': '/' // rewrite path
|
|
|
|
|
// }
|
|
|
|
|
// }
|
|
|
|
|
// ,'/api_test': {
|
|
|
|
|
// target: 'http://localhost:8003',
|
|
|
|
|
// ws: true, // proxy websockets
|
|
|
|
|
// changeOrigin: true, // needed for virtual hosted sites
|
|
|
|
|
// pathRewrite: {
|
|
|
|
|
// '^/api_test': '' // rewrite path
|
|
|
|
|
// }
|
|
|
|
|
// }
|
|
|
|
|
},
|
|
|
|
|
// before: require('./mock/mock-server.js')
|
|
|
|
|
},
|
|
|
|
|
chainWebpack: (config) => {
|
|
|
|
|
// 开发环境的webpack配置
|
|
|
|
|
config.when(process.env.NODE_ENV === "development", (config) => {
|
|
|
|
|
config.entry("app").clear().add("./src/main-dev.js");
|
|
|
|
|
config.set("externals", {});
|
|
|
|
|
});
|
|
|
|
|
// 生产环境的webpack配置
|
|
|
|
|
config.when(process.env.NODE_ENV === "production", (config) => {
|
|
|
|
|
config.entry("app").clear().add("./src/main-prod.js");
|
|
|
|
|
});
|
|
|
|
|
config.plugins.delete("fork-ts-checker"), // 禁用fork-ts-checker
|
|
|
|
|
config.plugins.delete("prefetch");
|
|
|
|
|
},
|
|
|
|
|
publicPath: "./",
|
|
|
|
|
outputDir: "dist",
|
|
|
|
|
assetsDir: "static",
|
|
|
|
|
lintOnSave: process.env.NODE_ENV === "development",
|
|
|
|
|
// lintOnSave: false,
|
|
|
|
|
productionSourceMap: false,
|
|
|
|
|
devServer: {
|
|
|
|
|
// 配置反向代理
|
|
|
|
|
compress: true, // 配置webpack的压缩,但是在package.json中需要配置 --compress
|
|
|
|
|
port: port,
|
|
|
|
|
open: true,
|
|
|
|
|
overlay: {
|
|
|
|
|
warnings: false,
|
|
|
|
|
errors: true,
|
|
|
|
|
},
|
|
|
|
|
proxy: {
|
|
|
|
|
// 地址中有 /api 的时候会触发代理
|
|
|
|
|
"/api_prod": {
|
|
|
|
|
// target: "http://localhost:8001/",
|
|
|
|
|
target: "http://bl7.matripe.com.cn:8001",
|
|
|
|
|
// target: "http://1shoudan.renminshitang.com.cn",
|
|
|
|
|
// target: "https://d.matripe.com.cn",
|
|
|
|
|
ws: true, // proxy websockets
|
|
|
|
|
changeOrigin: true, // 确定是否跨域
|
|
|
|
|
pathRewrite: {
|
|
|
|
|
"^/api_prod": "",
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
// '/api_prod': {
|
|
|
|
|
// target: 'http://a.matripe.com.cn',
|
|
|
|
|
// ws: true, // proxy websockets
|
|
|
|
|
// changeOrigin: true, // needed for virtual hosted sites
|
|
|
|
|
// pathRewrite: {
|
|
|
|
|
// '^/api_prod': '' // rewrite path
|
|
|
|
|
// }
|
|
|
|
|
// },
|
|
|
|
|
// '/api_dev': {
|
|
|
|
|
// target: 'http://nb.renminshitang.com.cn:8001',
|
|
|
|
|
// ws: true, // proxy websockets
|
|
|
|
|
// changeOrigin: true, // needed for virtual hosted sites
|
|
|
|
|
// pathRewrite: {
|
|
|
|
|
// '^/api_dev': '/' // rewrite path
|
|
|
|
|
// }
|
|
|
|
|
// }
|
|
|
|
|
// ,'/api_test': {
|
|
|
|
|
// target: 'http://localhost:8003',
|
|
|
|
|
// ws: true, // proxy websockets
|
|
|
|
|
// changeOrigin: true, // needed for virtual hosted sites
|
|
|
|
|
// pathRewrite: {
|
|
|
|
|
// '^/api_test': '' // rewrite path
|
|
|
|
|
// }
|
|
|
|
|
// }
|
|
|
|
|
},
|
|
|
|
|
// before: require('./mock/mock-server.js')
|
|
|
|
|
},
|
|
|
|
|
chainWebpack: (config) => {
|
|
|
|
|
// 开发环境的webpack配置
|
|
|
|
|
config.when(process.env.NODE_ENV === "development", (config) => {
|
|
|
|
|
config.entry("app").clear().add("./src/main-dev.js");
|
|
|
|
|
config.set("externals", {});
|
|
|
|
|
});
|
|
|
|
|
// 生产环境的webpack配置
|
|
|
|
|
config.when(process.env.NODE_ENV === "production", (config) => {
|
|
|
|
|
config.entry("app").clear().add("./src/main-prod.js");
|
|
|
|
|
});
|
|
|
|
|
config.plugins.delete("fork-ts-checker"), // 禁用fork-ts-checker
|
|
|
|
|
config.plugins.delete("prefetch");
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
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,
|
|
|
|
|
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"),
|
|
|
|
|
"@ant-design/icons/lib/dist.$": resolve("src/icons.js"),
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
// plugins: [
|
|
|
|
|
// new webpack.IgnorePlugin(/^\.\/locale$/, /moment$/),
|
|
|
|
|
// // 下面两项配置才是 compression-webpack-plugin 压缩配置
|
|
|
|
|
// // 压缩成 .gz 文件
|
|
|
|
|
// new CompressionPlugin({
|
|
|
|
|
// filename: '[path][base].gz',
|
|
|
|
|
// algorithm: 'gzip',
|
|
|
|
|
// test: /\.js$|\.css$|\.html$/,
|
|
|
|
|
// threshold: 10240,
|
|
|
|
|
// minRatio: 0.8
|
|
|
|
|
// }),
|
|
|
|
|
// // 压缩成 .br 文件，如果 zlib 报错无法解决，可以注释这段使用代码，一般本地没问题，需要注意线上服务器会可能发生找不到 zlib 的情况。
|
|
|
|
|
// new CompressionPlugin({
|
|
|
|
|
// filename: '[path][base].br',
|
|
|
|
|
// algorithm: 'brotliCompress',
|
|
|
|
|
// test: /\.(js|css|html|svg)$/,
|
|
|
|
|
// compressionOptions: {
|
|
|
|
|
// params: {
|
|
|
|
|
// [zlib.constants.BROTLI_PARAM_QUALITY]: 11
|
|
|
|
|
// }
|
|
|
|
|
// },
|
|
|
|
|
// threshold: 10240,
|
|
|
|
|
// minRatio: 0.8
|
|
|
|
|
// })
|
|
|
|
|
// ],
|
|
|
|
|
// },
|
|
|
|
|
optimization: {
|
|
|
|
|
runtimeChunk: "single",
|
|
|
|
|
splitChunks: {
|
|
|
|
|
chunks: "all",
|
|
|
|
|
maxInitialRequests: Infinity,
|
|
|
|
|
minSize: 20000,
|
|
|
|
|
cacheGroups: {
|
|
|
|
|
vendor: {
|
|
|
|
|
test: /[\\/]node_modules[\\/]/,
|
|
|
|
|
name(module) {
|
|
|
|
|
// get the name. E.g. node_modules/packageName/not/this/part.js
|
|
|
|
|
// or node_modules/packageName
|
|
|
|
|
const packageName = module.context.match(
|
|
|
|
|
/[\\/]node_modules[\\/](.*?)([\\/]|$)/
|
|
|
|
|
)[1];
|
|
|
|
|
// npm package names are URL-safe, but some servers don't like @ symbols
|
|
|
|
|
return `npm.${packageName.replace("@", "")}`;
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
// chainWebpack (config) {
|
|
|
|
|
// // it can improve the speed of the first screen, it is recommended to turn on preload
|
|
|
|
|
// config.plugin('preload').tap(() => [
|
|
|
|
|
// {
|
|
|
|
|
// rel: 'preload',
|
|
|
|
|
// // to ignore runtime.js
|
|
|
|
|
// // https://github.com/vuejs/vue-cli/blob/dev/packages/@vue/cli-service/lib/config/app.js#L171
|
|
|
|
|
// fileBlacklist: [/\.map$/, /hot-update\.js$/, /runtime\..*\.js$/],
|
|
|
|
|
// include: 'initial'
|
|
|
|
|
// }
|
|
|
|
|
// ])
|
|
|
|
|
resolve: {
|
|
|
|
|
alias: {
|
|
|
|
|
"@": resolve("src"),
|
|
|
|
|
"@ant-design/icons/lib/dist.$": resolve("src/icons.js"),
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
plugins: [
|
|
|
|
|
// new webpack.IgnorePlugin(/^\.\/locale$/, /moment$/),
|
|
|
|
|
// // 下面两项配置才是 compression-webpack-plugin 压缩配置
|
|
|
|
|
// // 压缩成 .gz 文件
|
|
|
|
|
// new CompressionPlugin({
|
|
|
|
|
// algorithm: "gzip",
|
|
|
|
|
// test: /\.js$|\.html$|\.css/, //匹配文件名
|
|
|
|
|
// threshold: 10240,
|
|
|
|
|
// minRatio: 0.8,
|
|
|
|
|
// deleteOriginalAssets: false, // 是否删除源文件
|
|
|
|
|
// }),
|
|
|
|
|
// 压缩成 .br 文件，如果 zlib 报错无法解决，可以注释这段使用代码，一般本地没问题，需要注意线上服务器会可能发生找不到 zlib 的情况。
|
|
|
|
|
// new CompressionPlugin({
|
|
|
|
|
// filename: '[path].br',
|
|
|
|
|
// algorithm: 'brotliCompress',
|
|
|
|
|
// test: /\.(js|css|html|svg)$/,
|
|
|
|
|
// compressionOptions: {
|
|
|
|
|
// params: {
|
|
|
|
|
// [zlib.constants.BROTLI_PARAM_QUALITY]: 11
|
|
|
|
|
// }
|
|
|
|
|
// },
|
|
|
|
|
// threshold: 10240,
|
|
|
|
|
// minRatio: 0.8,
|
|
|
|
|
// deleteOriginalAssets: true //是否删除原文件
|
|
|
|
|
|
|
|
|
|
// // when there are many pages, it will cause too many meaningless requests
|
|
|
|
|
// config.plugins.delete('prefetch')
|
|
|
|
|
// })
|
|
|
|
|
],
|
|
|
|
|
// },
|
|
|
|
|
optimization: {
|
|
|
|
|
runtimeChunk: "single",
|
|
|
|
|
splitChunks: {
|
|
|
|
|
chunks: "all",
|
|
|
|
|
maxInitialRequests: Infinity,
|
|
|
|
|
minSize: 20000,
|
|
|
|
|
cacheGroups: {
|
|
|
|
|
vendor: {
|
|
|
|
|
test: /[\\/]node_modules[\\/]/,
|
|
|
|
|
name(module) {
|
|
|
|
|
// get the name. E.g. node_modules/packageName/not/this/part.js
|
|
|
|
|
// or node_modules/packageName
|
|
|
|
|
const packageName = module.context.match(/[\\/]node_modules[\\/](.*?)([\\/]|$)/)[1];
|
|
|
|
|
// npm package names are URL-safe, but some servers don't like @ symbols
|
|
|
|
|
return `npm.${packageName.replace("@", "")}`;
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
// chainWebpack (config) {
|
|
|
|
|
// // it can improve the speed of the first screen, it is recommended to turn on preload
|
|
|
|
|
// config.plugin('preload').tap(() => [
|
|
|
|
|
// {
|
|
|
|
|
// rel: 'preload',
|
|
|
|
|
// // to ignore runtime.js
|
|
|
|
|
// // https://github.com/vuejs/vue-cli/blob/dev/packages/@vue/cli-service/lib/config/app.js#L171
|
|
|
|
|
// fileBlacklist: [/\.map$/, /hot-update\.js$/, /runtime\..*\.js$/],
|
|
|
|
|
// include: 'initial'
|
|
|
|
|
// }
|
|
|
|
|
// ])
|
|
|
|
|
|
|
|
|
|
// // set svg-sprite-loader
|
|
|
|
|
// config.module
|
|
|
|
|
// .rule('svg')
|
|
|
|
|
// .exclude.add(resolve('src/icons'))
|
|
|
|
|
// .end()
|
|
|
|
|
// config.module
|
|
|
|
|
// .rule('icons')
|
|
|
|
|
// .test(/\.svg$/)
|
|
|
|
|
// .include.add(resolve('src/icons'))
|
|
|
|
|
// .end()
|
|
|
|
|
// .use('svg-sprite-loader')
|
|
|
|
|
// .loader('svg-sprite-loader')
|
|
|
|
|
// .options({
|
|
|
|
|
// symbolId: 'icon-[name]'
|
|
|
|
|
// })
|
|
|
|
|
// .end()
|
|
|
|
|
// // when there are many pages, it will cause too many meaningless requests
|
|
|
|
|
// config.plugins.delete('prefetch')
|
|
|
|
|
|
|
|
|
|
// config
|
|
|
|
|
// .when(process.env.NODE_ENV !== 'development',
|
|
|
|
|
// config => {
|
|
|
|
|
// config
|
|
|
|
|
// .plugin('ScriptExtHtmlWebpackPlugin')
|
|
|
|
|
// .after('html')
|
|
|
|
|
// .use('script-ext-html-webpack-plugin', [{
|
|
|
|
|
// // `runtime` must same as runtimeChunk name. default is `runtime`
|
|
|
|
|
// inline: /runtime\..*\.js$/
|
|
|
|
|
// }])
|
|
|
|
|
// .end()
|
|
|
|
|
// config
|
|
|
|
|
// .optimization.splitChunks({
|
|
|
|
|
// chunks: 'all',
|
|
|
|
|
// cacheGroups: {
|
|
|
|
|
// libs: {
|
|
|
|
|
// name: 'chunk-libs',
|
|
|
|
|
// test: /[\\/]node_modules[\\/]/,
|
|
|
|
|
// priority: 10,
|
|
|
|
|
// chunks: 'initial' // only package third parties that are initially dependent
|
|
|
|
|
// },
|
|
|
|
|
// elementUI: {
|
|
|
|
|
// name: 'chunk-elementUI', // split elementUI into a single package
|
|
|
|
|
// priority: 20, // the weight needs to be larger than libs and app or it will be packaged into libs or app
|
|
|
|
|
// test: /[\\/]node_modules[\\/]_?element-ui(.*)/ // in order to adapt to cnpm
|
|
|
|
|
// },
|
|
|
|
|
// commons: {
|
|
|
|
|
// name: 'chunk-commons',
|
|
|
|
|
// test: resolve('src/components'), // can customize your rules
|
|
|
|
|
// minChunks: 3, // minimum common number
|
|
|
|
|
// priority: 5,
|
|
|
|
|
// reuseExistingChunk: true
|
|
|
|
|
// }
|
|
|
|
|
// }
|
|
|
|
|
// })
|
|
|
|
|
// // https:// webpack.js.org/configuration/optimization/#optimizationruntimechunk
|
|
|
|
|
// config.optimization.runtimeChunk('single')
|
|
|
|
|
// }
|
|
|
|
|
// )
|
|
|
|
|
// }
|
|
|
|
|
},
|
|
|
|
|
// // set svg-sprite-loader
|
|
|
|
|
// config.module
|
|
|
|
|
// .rule('svg')
|
|
|
|
|
// .exclude.add(resolve('src/icons'))
|
|
|
|
|
// .end()
|
|
|
|
|
// config.module
|
|
|
|
|
// .rule('icons')
|
|
|
|
|
// .test(/\.svg$/)
|
|
|
|
|
// .include.add(resolve('src/icons'))
|
|
|
|
|
// .end()
|
|
|
|
|
// .use('svg-sprite-loader')
|
|
|
|
|
// .loader('svg-sprite-loader')
|
|
|
|
|
// .options({
|
|
|
|
|
// symbolId: 'icon-[name]'
|
|
|
|
|
// })
|
|
|
|
|
// .end()
|
|
|
|
|
|
|
|
|
|
// config
|
|
|
|
|
// .when(process.env.NODE_ENV !== 'development',
|
|
|
|
|
// config => {
|
|
|
|
|
// config
|
|
|
|
|
// .plugin('ScriptExtHtmlWebpackPlugin')
|
|
|
|
|
// .after('html')
|
|
|
|
|
// .use('script-ext-html-webpack-plugin', [{
|
|
|
|
|
// // `runtime` must same as runtimeChunk name. default is `runtime`
|
|
|
|
|
// inline: /runtime\..*\.js$/
|
|
|
|
|
// }])
|
|
|
|
|
// .end()
|
|
|
|
|
// config
|
|
|
|
|
// .optimization.splitChunks({
|
|
|
|
|
// chunks: 'all',
|
|
|
|
|
// cacheGroups: {
|
|
|
|
|
// libs: {
|
|
|
|
|
// name: 'chunk-libs',
|
|
|
|
|
// test: /[\\/]node_modules[\\/]/,
|
|
|
|
|
// priority: 10,
|
|
|
|
|
// chunks: 'initial' // only package third parties that are initially dependent
|
|
|
|
|
// },
|
|
|
|
|
// elementUI: {
|
|
|
|
|
// name: 'chunk-elementUI', // split elementUI into a single package
|
|
|
|
|
// priority: 20, // the weight needs to be larger than libs and app or it will be packaged into libs or app
|
|
|
|
|
// test: /[\\/]node_modules[\\/]_?element-ui(.*)/ // in order to adapt to cnpm
|
|
|
|
|
// },
|
|
|
|
|
// commons: {
|
|
|
|
|
// name: 'chunk-commons',
|
|
|
|
|
// test: resolve('src/components'), // can customize your rules
|
|
|
|
|
// minChunks: 3, // minimum common number
|
|
|
|
|
// priority: 5,
|
|
|
|
|
// reuseExistingChunk: true
|
|
|
|
|
// }
|
|
|
|
|
// }
|
|
|
|
|
// })
|
|
|
|
|
// // https:// webpack.js.org/configuration/optimization/#optimizationruntimechunk
|
|
|
|
|
// config.optimization.runtimeChunk('single')
|
|
|
|
|
// }
|
|
|
|
|
// )
|
|
|
|
|
// }
|
|
|
|
|
},
|
|
|
|
|
};
|
|
|
|
|
|
