2.1.0 • Published 2 years ago
@blueking/cli-service-webpack5 v2.1.0
bk-webpack5-service
使用
// 生产环境
webpack5-cli-service build
// 开发环境
webpack5-cli-service dev
自定义配置
项目根目录创建 bk.config.js
修改 webpack 配置
module.exports = {
configureWebpack: {
devServer: {
host: 'dev.myapp.com',
port: 7788
}
}
}
// 或者使用函数形式,在函数内,你可以直接修改配置,或者返回一个将会被合并的对象
module.exports = {
configureWebpack (config, option) {
// console.log(config) 已经解析好的完整 webpack 配置
return {
devServer: {
host: 'dev.myapp.com',
port: 7788
}
}
}
}
应用配置
module.exports = {
appConfig: {
outputDir: 'dist', // 构建产物目录
assetsDir: 'static', // 放置生成的静态资源 (js、css、img、fonts) 的目录
sourceDir: './src', // 源码目录
mainPath: './src/main.js', // 应用入口
indexPath: './public/index.html', // 入口html
// 环境(全局)变量,可同时作用于模板html和脚本中
env: {
BASE_URL: JSON.stringify('/')
}
}
}
// 同样支持函数形式
module.exports = {
appConfig (option) {
// option.production ? true : false
return {
sourceDir: './src',
mainPath: './src/main.js',
indexPath: './public/index.html',
env: {
BASE_URL: option.production ? JSON.stringify('/') : JSON.stringify('/dev')
}
}
}
}