83 lines
2.4 KiB
JavaScript
83 lines
2.4 KiB
JavaScript
|
const CompressionPlugin = require("compression-webpack-plugin")
|
|||
|
|
const path = require("path");
|
|||
|
|
function resolve (dir) {
|
|||
|
|
return path.join(__dirname, dir)
|
|||
|
|
}
|
|||
|
|
// vue.config.js
|
|||
|
|
module.exports = {
|
|||
|
|
// baseUrl: "./",
|
|||
|
|
publicPath: '/' ,
|
|||
|
|
outputDir: "dist",
|
|||
|
|
assetsDir: "assets",
|
|||
|
|
indexPath: "index.html",
|
|||
|
|
filenameHashing: true,
|
|||
|
|
pages: undefined,
|
|||
|
|
lintOnSave: true,
|
|||
|
|
runtimeCompiler: false,
|
|||
|
|
// productionSourceMap: true,//生成map文件
|
|||
|
|
productionSourceMap: false,//去掉生成map文件
|
|||
|
|
crossorigin: undefined,
|
|||
|
|
integrity: false,
|
|||
|
|
// autoOpenBrowser: true,
|
|||
|
|
|
|||
|
|
configureWebpack: config => {
|
|||
|
|
//生产环境取消 console.log
|
|||
|
|
if (process.env.NODE_ENV === 'production') {
|
|||
|
|
config.optimization.minimizer[0].options.terserOptions.compress.drop_console = true
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
chainWebpack: (config) => { //引入
|
|||
|
|
config.resolve.alias
|
|||
|
|
.set('@$', resolve('src'))
|
|||
|
|
.set('@api', resolve('src/api'))
|
|||
|
|
.set('@assets', resolve('src/assets'))
|
|||
|
|
.set('@comp', resolve('src/components'))
|
|||
|
|
.set('@views', resolve('src/pages'))
|
|||
|
|
.set('@public', resolve('public'))
|
|||
|
|
//生产环境，开启js\css压缩
|
|||
|
|
if (process.env.NODE_ENV === 'production') {
|
|||
|
|
config.plugin('compressionPlugin').use(new CompressionPlugin({
|
|||
|
|
test: /\.js$|\.html$|\.json$|\.css$|\.ttf$|\.less$/, // 匹配文件名
|
|||
|
|
threshold: 10240, // 对超过10k的数据压缩
|
|||
|
|
deleteOriginalAssets: false // 不删除源文件
|
|||
|
|
}))
|
|||
|
|
}
|
|||
|
|
//针对svg文件添加svg-sprite-loader规则
|
|||
|
|
// 配置svg
|
|||
|
|
config.module
|
|||
|
|
.rule('svg')
|
|||
|
|
.exclude.add(resolve('src/assets/icons'))
|
|||
|
|
.end()
|
|||
|
|
config.module
|
|||
|
|
.rule('icons')
|
|||
|
|
.test(/\.svg$/)
|
|||
|
|
.include.add(resolve('src/assets/icons'))
|
|||
|
|
.end()
|
|||
|
|
.use('svg-sprite-loader')
|
|||
|
|
.loader('svg-sprite-loader')
|
|||
|
|
.options({
|
|||
|
|
symbolId: 'icon-[name]'
|
|||
|
|
})
|
|||
|
|
.end()
|
|||
|
|
},
|
|||
|
|
transpileDependencies: [ //babel会忽略node_modules中的文件。如果需要Babel转译，单独列出来。
|
|||
|
|
'@jiaminghi',
|
|||
|
|
],
|
|||
|
|
css: {
|
|||
|
|
loaderOptions: {
|
|||
|
|
less: {
|
|||
|
|
lessOptions: {
|
|||
|
|
javascriptEnabled: true,
|
|||
|
|
// 兼容 less-loader 3.x
|
|||
|
|
math: "always",
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
devServer: {
|
|||
|
|
disableHostCheck: true, // 使用Nginx + hosts 来访问域名代理访问本地项目
|
|||
|
|
port: 3000
|
|||
|
|
},
|
|||
|
|
lintOnSave: process.env.NODE_ENV !== 'production'
|
|||
|
|
}
|