118 lines
3.6 KiB
JavaScript
118 lines
3.6 KiB
JavaScript
/*
|
|
* @Author: your name
|
|
* @Date: 2020-09-10 18:52:15
|
|
* @LastEditTime: 2021-04-04 17:48:07
|
|
* @LastEditors: Please set LastEditors
|
|
* @Description: In User Settings Edit
|
|
* @FilePath: /getCoinsEveryday/vue.config.js
|
|
*/
|
|
const path = require('path');
|
|
// const myTools = require('./webpack.plugins.js');
|
|
const CompressionPlugin = require('compression-webpack-plugin');
|
|
const vConsolePlugin = require("vconsole-webpack-plugin");
|
|
const TinyimgPlugin = require("tinyimg-webpack-plugin");
|
|
|
|
function resolve(dir) {
|
|
return path.join(__dirname, dir);
|
|
}
|
|
|
|
module.exports = {
|
|
publicPath: './',
|
|
outputDir: 'dist',
|
|
assetsDir: 'static',
|
|
lintOnSave: false,
|
|
productionSourceMap: false,
|
|
pages: {
|
|
index: {
|
|
// page 的入口
|
|
entry: 'src/page/index/main.js',
|
|
// 模板来源
|
|
template: 'public/index.html',
|
|
// 在 dist/index.html 的输出
|
|
filename: 'index.html',
|
|
// 当使用 title 选项时，
|
|
// template 中的 title 标签需要是 <title><%= htmlWebpackPlugin.options.title %></title>
|
|
title: 'WebGLToy'
|
|
}
|
|
},
|
|
chainWebpack: config => {
|
|
// development模式时打包也带有 hash 值
|
|
config.output.filename('static/js/[name].[hash].js').chunkFilename('static/js/[name].[hash].js').end()
|
|
|
|
config.resolve.alias
|
|
.set("@", resolve("src"))
|
|
.set("weui", resolve("src/utils/plugins/weui.js"))
|
|
// .set("assets", resolve("src/assets"))
|
|
// .set("components", resolve("src/components"))
|
|
// .set("views", resolve("src/views"))
|
|
// .set("base", resolve("baseConfig"))
|
|
// .set("public", resolve("public"));
|
|
|
|
if (process.env.NODE_ENV !== "test") {
|
|
config.module.rule('compile')
|
|
.test(/\.js$/)
|
|
.include
|
|
.add(resolve('src'))
|
|
.add(resolve('node_modules'))
|
|
.end()
|
|
.use('babel')
|
|
.loader('babel-loader')
|
|
.options({
|
|
presets: [
|
|
['@babel/preset-env', {
|
|
modules: false
|
|
}]
|
|
]
|
|
});
|
|
}
|
|
|
|
},
|
|
configureWebpack: config => {
|
|
// 配置vconsole
|
|
const debug = process.env.NODE_ENV !== "production";
|
|
let pluginsDev = [
|
|
new vConsolePlugin({
|
|
filter: [],
|
|
enable: debug,
|
|
}),
|
|
];
|
|
|
|
// 配置 tinyimg
|
|
let tinyimg = [new TinyimgPlugin({
|
|
enabled: process.env.NODE_ENV === "production",
|
|
logged: true
|
|
})]
|
|
|
|
config.module.rules.push({
|
|
test: /\.glsl$/,
|
|
use: [{
|
|
loader: 'webpack-glsl-loader', // 解决glsl 加载问题
|
|
}]
|
|
})
|
|
|
|
config.plugins = [...config.plugins,
|
|
...pluginsDev,
|
|
...tinyimg
|
|
];
|
|
|
|
// 配置gzip压缩
|
|
if (process.env.NODE_ENV === 'production') {
|
|
return {
|
|
plugins: [new CompressionPlugin({
|
|
test: /\.js$|\.html$|\.css/, // 匹配文件名
|
|
threshold: 10240, //对超过10K的数据进行压缩
|
|
deleteOriginalAssets: false // 是否删除源文件
|
|
})]
|
|
}
|
|
}
|
|
},
|
|
// 配置插件
|
|
pluginOptions: {
|
|
'style-resources-loader': {
|
|
preProcessor: 'less',
|
|
patterns: [
|
|
path.resolve(__dirname, './src/assets/css/global.less')
|
|
]
|
|
},
|
|
},
|
|
} |