【无标题】vue.config.js

‘use strict’
const path = require(‘path’)
const StyleLintPlugin = require(‘stylelint-webpack-plugin’)
const CompressionPlugin = require(‘compression-webpack-plugin’)
// const defaultSettings = require(‘./src/settings.js’)
// const px2rem = require(‘postcss-px2rem’)
// // 配置基本大小
// const postcss = px2rem({
// // 基准大小 baseSize，需要和rem.js中相同
// remUnit: 16,
// })
function resolve(dir) {
return path.join(__dirname, dir)
}

// const name = defaultSettings.title || ‘魔方’ // page title

const port = process.env.port || process.env.npm_config_port || 2000

module.exports = {
publicPath: ‘/’,
outputDir: ‘dist-admin’,
assetsDir: ‘static’,
lintOnSave: process.env.NODE_ENV === ‘development’,
productionSourceMap: false,
devServer: {
port: port,
open: true,
overlay: {
warnings: false,
errors: true,
},
proxy: {
‘/devApi’: {
// target: ‘http://test.vooglam.xmslol.cn’,
target: ‘http://dev.vooglam.xmslol.cn’,
changeOrigin: true,
secure: false,
pathRewrite: {
‘^/devApi’: ‘/’,
},
},
‘/mock’: {
target: ‘http://127.0.0.1:4523/mock/391333’,
changeOrigin: true,
secure: false,
pathRewrite: {
‘^/mock’: ‘/’,
},
},
},
},
css: {
sourceMap: process.env.NODE_ENV === ‘development’, //! 只在本地的开发环境中开启
loaderOptions: {
sass: {
prependData: ‘@import “./src/assets/styles/mixins.scss”;@import “./src/assets/styles/theme.scss”;@import “./src/assets/styles/mj_common_ui.scss”;’,
},
// postcss: {
// plugins: [
// // postcss // 暂时不转rem
// ],
// },
},
},
configureWebpack: (config) => {
//! 本地的开发环境调试
if (process.env.NODE_ENV === ‘development’) {
config.devtool = ‘source-map’
}
},
chainWebpack(config) {
config.resolve.alias.set(‘@’, resolve(‘src’))
// stylelint配置
config.plugin(‘stylelint’).use(StyleLintPlugin, [
{
files: [‘**/*.{html,vue,css,sass,scss}’],
fix: true, // 自动修复
cache: false,
emitError: true,
failOnError: false,
},
])
config.output.filename(‘[name].[hash].js’).end()
config.output.chunkFilename(‘[name].[hash].js’).end()
config.plugin(‘compressionPlugin’)
.use(
new CompressionPlugin({
filename: ‘[path].gz[query]’,
algorithm: ‘gzip’,
test: /.jsKaTeX parse error: Can't use function '\.' in math mode at position 2: |\̲.̲html|.cssKaTeX parse error: Expected 'EOF', got '}' at position 142: … }̲, …/, /hot-update.jsKaTeX parse error: Can't use function '\.' in math mode at position 12: /, /runtime\̲.̲.*\.js/],
include: ‘initial’,
},
])
},
}