108 lines
3.9 KiB
JavaScript
108 lines
3.9 KiB
JavaScript
|
const path = require('path');
|
|||
|
|
const Setting = require('./src/setting.env');
|
|||
|
|
// 引入打包分析文件
|
|||
|
|
const { BundleAnalyzerPlugin } = require('webpack-bundle-analyzer');
|
|||
|
|
// 引入js打包工具
|
|||
|
|
const UglifyJsPlugin = require('uglifyjs-webpack-plugin');
|
|||
|
|
|
|||
|
|
const MonacoWebpackPlugin = require('monaco-editor-webpack-plugin');
|
|||
|
|
|
|||
|
|
const resolve = (dir) => {
|
|||
|
|
return path.join(__dirname, dir);
|
|||
|
|
};
|
|||
|
|
// 项目部署基础
|
|||
|
|
// 默认情况下，我们假设你的应用将被部署在域的根目录下,
|
|||
|
|
// 例如：https://www.my-app.com/
|
|||
|
|
// 默认：'/'
|
|||
|
|
// 如果您的应用程序部署在子路径中，则需要在这指定子路径
|
|||
|
|
// 例如：https://www.foobar.com/my-app/
|
|||
|
|
// 需要将它改为'/my-app/'
|
|||
|
|
// iview-admin线上演示打包路径： https://file.iviewui.com/admin-dist/
|
|||
|
|
const BASE_URL = process.env.NODE_ENV === 'production' ? '/' : '/';
|
|||
|
|
const env = process.env.NODE_ENV;
|
|||
|
|
module.exports = {
|
|||
|
|
// Project deployment base
|
|||
|
|
// By default we assume your app will be deployed at the root of a domain,
|
|||
|
|
// e.g. https://www.my-app.com/
|
|||
|
|
// If your app is deployed at a sub-path, you will need to specify that
|
|||
|
|
// sub-path here. For example, if your app is deployed at
|
|||
|
|
// https://www.foobar.com/my-app/
|
|||
|
|
// then change this to '/my-app/'
|
|||
|
|
outputDir: Setting.outputDir,
|
|||
|
|
runtimeCompiler: true,
|
|||
|
|
productionSourceMap: false, //关闭生产环境下的SourceMap映射文件
|
|||
|
|
baseUrl: BASE_URL,
|
|||
|
|
// tweak internal webpack configuration.
|
|||
|
|
// see https://github.com/vuejs/vue-cli/blob/dev/docs/webpack.md
|
|||
|
|
// 如果你不需要使用eslint，把lintOnSave设为false即可
|
|||
|
|
lintOnSave: false,
|
|||
|
|
// 打包优化
|
|||
|
|
configureWebpack: (config) => {
|
|||
|
|
const pluginsPro = [];
|
|||
|
|
pluginsPro.push(
|
|||
|
|
// js文件压缩
|
|||
|
|
new UglifyJsPlugin({
|
|||
|
|
uglifyOptions: {
|
|||
|
|
compress: {
|
|||
|
|
drop_debugger: true,
|
|||
|
|
drop_console: true, //生产环境自动删除console
|
|||
|
|
pure_funcs: ['console.log'], //移除console
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
sourceMap: false,
|
|||
|
|
parallel: true, //使用多进程并行运行来提高构建速度。默认并发运行数：os.cpus().length - 1。
|
|||
|
|
}),
|
|||
|
|
);
|
|||
|
|
if (process.env.NODE_ENV === 'production') {
|
|||
|
|
config.plugins = [...config.plugins, ...pluginsPro];
|
|||
|
|
}
|
|||
|
|
if (process.env.NODE_ENV === 'production') {
|
|||
|
|
// 开启分离js
|
|||
|
|
// config.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) => {
|
|||
|
|
config.resolve.alias
|
|||
|
|
.set('@', resolve('src')) // key,value自行定义，比如.set('@@', resolve('src/components'))
|
|||
|
|
.set('_c', resolve('src/components'));
|
|||
|
|
config.module
|
|||
|
|
.rule('vue')
|
|||
|
|
.test(/\.vue$/)
|
|||
|
|
.end();
|
|||
|
|
// 重新设置 alias
|
|||
|
|
config.resolve.alias.set('@api', resolve('src/api'));
|
|||
|
|
// node
|
|||
|
|
config.node.set('__dirname', true).set('__filename', true);
|
|||
|
|
config.plugin('monaco').use(new MonacoWebpackPlugin());
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
// 设为false打包时不生成.map文件
|
|||
|
|
productionSourceMap: false,
|
|||
|
|
// 这里写你调用接口的基础路径，来解决跨域，如果设置了代理，那你本地开发环境的axios的baseUrl要写为 '' ，即空字符串
|
|||
|
|
devServer: {
|
|||
|
|
port: 1617, // 端口
|
|||
|
|
},
|
|||
|
|
publicPath: '/admin',
|
|||
|
|
assetsDir: 'system_static',
|
|||
|
|
indexPath: 'index.html',
|
|||
|
|
};
|