加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
克隆/下载
vue.config.js 2.74 KB
一键复制 编辑 原始数据 按行查看 历史
SouWinds 提交于 2020-08-03 20:16 . feat: 发布新版本 0803
const TerserPlugin = require('terser-webpack-plugin');
const StyleLintPlugin = require('stylelint-webpack-plugin');
const path = require('path');
function resolve(dir) {
return path.join(__dirname, dir);
}
const isPro = process.env.NODE_ENV === 'production';
const isH5Compiler = process.env.UNI_PLATFORM === 'h5';
const isWXCompiler = process.env.UNI_PLATFORM === 'mp-weixin';
module.exports = {
assetsDir: 'assets',
// 通过 Babel 显式转译一个依赖
transpileDependencies: [],
lintOnSave: !isPro,
chainWebpack: (config) => {
config.resolve.alias
.set('@', resolve('src'));
},
configureWebpack: config => {
config.plugins = [
...config.plugins,
new StyleLintPlugin({
files: ['**/*.{vue,scss,css}'],
}),
];
// 如果不是 H5,则不进行其它的优化打包操作。避免打包后缺少文件出错
// 如果没有这个判断,小程序打包后缺少runtime.js等文件会出错
if (isH5Compiler) {
config.optimization = {
minimizer: [
new TerserPlugin({
terserOptions: {
warnings: false,
compress: {
drop_debugger: isPro,
drop_console: isPro,
},
sourceMap: !isPro,
cache: true,
parallel: true,
},
}),
],
splitChunks: {
cacheGroups: {
vendors: {
name: 'chunk-vendors',
priority: 10,
chunks: 'all',
test: /[\\/]node_modules[\\/](vue|vuex|vue-i18n|@dcloudio\/uni-h5)[\\/]/,
enforce: true,
},
// https://github.com/webpack-contrib/mini-css-extract-plugin/issues/113
// mini-css-extract-plugin Conflicting order problem
default: false,
common: false,
},
},
};
}
// 微信小程序在开发阶段也压缩代码,减少代码大小,争取在开发调试阶段可直接预览
if (isWXCompiler && !isPro) {
return {
optimization: {
minimize: true,
},
// https://webpack.docschina.org/configuration/devtool/ 避免开发环境打包出来eval在微信小程序中无法运行
devtool: 'source-map',
};
}
},
// https://webpack.docschina.org/configuration/dev-server
devServer: {
// port: 8080,
// 代理请求
// 更多代理设置请看:https://github.com/chimurai/http-proxy-middleware#options
proxy: {
'/api': {
target: 'https://q.e-spy.cn',
// target: 'https://dq.comsenz-service.com',
changeOrigin: true,
secure: true,
ws: true,
pathRewrite: {
'^/api': '',
},
},
},
},
};
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化