Karlcarlo
0060b2798f
添加多个前端界面所需的图片、字体、音频等静态资源文件，包括： - 管理员后台的图标、背景图、组件图片 - 移动端页面的商品图片、用户中心图片、活动图标 - 第三方库的示例图片和字体文件 - 浏览器兼容性配置文件 - 图标字体文件（eot、ttf、woff、woff2格式） 这些资源是前端界面正常显示所必需的，之前可能因版本控制忽略或遗漏而缺失。
144 lines
4.3 KiB
JavaScript
144 lines
4.3 KiB
JavaScript
const Setting = require("./src/setting.env");
|
||
|
||
// 引入打包分析文件
|
||
// const { BundleAnalyzerPlugin } = require("webpack-bundle-analyzer");
|
||
|
||
// 引入Gzip压缩文件
|
||
const CompressionPlugin = require("compression-webpack-plugin");
|
||
|
||
// 引入js打包工具
|
||
const UglifyJsPlugin = require("uglifyjs-webpack-plugin");
|
||
|
||
|
||
|
||
// 拼接路径
|
||
const resolve = (dir) => require("path").join(__dirname, dir);
|
||
|
||
// 增加环境变量
|
||
process.env.VUE_APP_VERSION = require("./package.json").version;
|
||
process.env.VUE_APP_BUILD_TIME = require("dayjs")().format("YYYY-M-D HH:mm:ss");
|
||
|
||
module.exports = {
|
||
publicPath: Setting.publicPath,
|
||
lintOnSave: Setting.lintOnSave,
|
||
outputDir: Setting.outputDir,
|
||
assetsDir: Setting.assetsDir,
|
||
runtimeCompiler: true,
|
||
productionSourceMap: false, //关闭生产环境下的SourceMap映射文件
|
||
devServer: {
|
||
publicPath: Setting.publicPath,
|
||
|
||
},
|
||
|
||
// 打包优化
|
||
configureWebpack: (config) => {
|
||
const pluginsPro = [];
|
||
|
||
pluginsPro.push(
|
||
new CompressionPlugin({
|
||
algorithm: "gzip",
|
||
test: /\.js$|\.html$|\.css$/, // 匹配文件名
|
||
minRatio: 0.8, // 压缩率小于1才会压缩
|
||
threshold: 10240, // 对超过10k的数据压缩
|
||
deleteOriginalAssets: false // 是否删除未压缩的源文件，谨慎设置，如果希望提供非gzip的资源，可不设置或者设置为false（比如删除打包后的gz后还可以加载到原始资源文件）
|
||
})
|
||
);
|
||
|
||
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];
|
||
|
||
}
|
||
},
|
||
|
||
css: {
|
||
sourceMap: false, // css sourceMap 配置
|
||
loaderOptions: {
|
||
less: {},
|
||
},
|
||
},
|
||
|
||
transpileDependencies: ["view-design", "iview", "vuedraggable"],
|
||
// 默认设置: https://github.com/vuejs/vue-cli/tree/dev/packages/@vue/cli-service/lib/config/base.js
|
||
|
||
chainWebpack: (config) => {
|
||
/**
|
||
* 删除懒加载模块的 prefetch preload，降低带宽压力
|
||
* https://cli.vuejs.org/zh/guide/html-and-static-assets.html#prefetch
|
||
* https://cli.vuejs.org/zh/guide/html-and-static-assets.html#preload
|
||
* 而且预渲染时生成的 prefetch 标签是 modern 版本的，低版本浏览器是不需要的
|
||
*/
|
||
config.plugins.delete("prefetch").delete("preload");
|
||
// 解决 cli3 热更新失效 https://github.com/vuejs/vue-cli/issues/1559
|
||
config.resolve.symlinks(true);
|
||
config
|
||
// 开发环境
|
||
.when(
|
||
process.env.NODE_ENV === "development",
|
||
// sourcemap不包含列信息
|
||
(config) => config.devtool("cheap-source-map")
|
||
)
|
||
// 非开发环境
|
||
.when(process.env.NODE_ENV !== "development", () => {});
|
||
// 不编译 iView Pro
|
||
config.module
|
||
.rule("js")
|
||
.test(/\.jsx?$/)
|
||
.exclude.add(resolve("src/libs/iview-pro"))
|
||
.end();
|
||
// 使用 iView Loader
|
||
config.module
|
||
.rule("vue")
|
||
.test(/\.vue$/)
|
||
.use("iview-loader")
|
||
.loader("iview-loader")
|
||
.tap(() => {
|
||
return Setting.iviewLoaderOptions;
|
||
})
|
||
.end();
|
||
// markdown
|
||
config.module
|
||
.rule("md")
|
||
.test(/\.md$/)
|
||
.use("text-loader")
|
||
.loader("text-loader")
|
||
.end();
|
||
// i18n
|
||
config.module
|
||
.rule("i18n")
|
||
.resourceQuery(/blockType=i18n/)
|
||
.use("i18n")
|
||
.loader("@kazupon/vue-i18n-loader")
|
||
.end();
|
||
// image exclude
|
||
const imagesRule = config.module.rule("images");
|
||
imagesRule
|
||
.test(/\.(png|jpe?g|gif|webp|svg)(\?.*)?$/)
|
||
.exclude.add(resolve("src/assets/svg"))
|
||
.end();
|
||
// 重新设置 alias
|
||
config.resolve.alias.set("@api", resolve("src/api"));
|
||
// node
|
||
config.node.set("__dirname", true).set("__filename", true);
|
||
// 判断是否需要加入模拟数据
|
||
// const entry = config.entry("app");
|
||
// if (Setting.isMock) {
|
||
// entry.add("@/mock").end();
|
||
// }
|
||
},
|
||
};
|