@ztjk/webpack

webpack 相关配置

使用

/**
 * 用户自定义的 webpack 配置文件
 * env环境变量（必填）
 */
const { resolve } = require("path");
const { mergeConfig } = require("@ztjk/webpack");

module.exports = (env) => {
    return mergeConfig(env,{
        resolve: { // 别名配置
            alias: {
                "@public": resolve(__dirname, "../public")
            },
        },
        devServer: {
            port: 3001,
            client: {
                overlay: false, //关闭webpack报错iframe错误信息遮挡页面
            },
            proxy: { //接口代理配置
                "/api": {
                    target: "http://10.30.30.30:8001",
                    changeOrigin: true,
                }
            }
        }
    },
     {
        lessLoaderOptions: {
            additionalData: "@import url(@/utils/size.less);"
        },
        npmPublish:false
    });  
}

注意事项

• 源码中 resolve 目录是命令执行的目录(项目根目录)

mergeConfig 参数

| 属性名称 | 属性类型 | 必须 | 默认值 | 描述 | | ---------- | -------- | ---- | ------ | ---------------------- | | env | Object | 是 | | webpack 环境变量 | | userConfig | Object | 否 | | 用户自定义的 webpack 配置 | | otherConfing | Object | 否 | | 其它相关置 |

otherConfing 参数

| 属性名称 | 属性类型 | 必须 | 默认值 | 描述 | | ---------------- | -------- | ---- | ------ | -------------------------- | | npmPublish | Boolean | 否 | false | 是否关闭 Html Copy webpack插件 | | lessLoaderOptions | Object | 否 | -- | less文件编译相关配置 |