const path = require('path')
const port = 8081
function resolve(dir) {
return path.join(__dirname, dir)
}
module.exports = {
//基本路径
publicPath: './',
//打包文件目录名称
outputDir: 'dist',
//静态资源目录
assetsDir: 'static',
//html的输出路径
indexPath: 'index.html',
//打包文件名哈希
filenameHashing: true,
//是否开启eslint检查
lintOnSave: 'error',
//是否需要源码映射
productionSourceMap: true,
// webpack-dev-server 相关配置
devServer: {
open: true, //第一次运行项目自动打开浏览器
port,
proxy: {
'/api': {
target: 'http://10.124.154.51',
// target: `https://gec.10010.com`,
pathRewrite: {
'^/api': '/api'
},
changeOrigin: true
}
}
},
css: {
loaderOptions: {
less: {
data: `@import "@/assets/css/public.less";`
}
}
},
pluginOptions: {
'style-resources-loader': {
preProcessor: 'less',
patterns: [
// 这个是加上自己的路径,
// 注意:试过不能使用别名路径,不能用@,只能用相对路径
path.resolve(__dirname, './src/assets/css/public.less')
] // 引入全局样式变量
}
},
configureWebpack: {
resolve: {
alias: {
'@': resolve('src')
}
}
}
}
webpack简单通用配置
最新推荐文章于 2024-01-23 13:47:42 发布