uni-app 【报Bug】vue.config.js中添加externals选项后,app打包后不调用app.vue白屏

uni-app 【报Bug】vue.config.js中添加externals选项后,app打包后不调用app.vue白屏

开发环境/属性 内容
产品分类 uniapp/App
PC开发环境操作系统 Windows
PC开发环境操作系统版本号 windows7
手机系统 Android
手机系统版本号 Android 8.0
手机厂商 华为
手机机型 小米mix3
页面类型 vue
vue版本 vue2
打包方式 云端
项目创建方式 CLI
CLI版本号 2.0.1

示例代码:

module.exports = {
configureWebpack: {
plugins: [
new CopyWebpackPlugin(copyList),
cssAppend,
we7Append,
removeOtiose,
new Dotenv(),
noPlugins
],
// 不能使用externals否则打包app白屏
// externals: [
//     // function (context, request, callback) {
//     //     if (request == 'siteInfo') {
//     //         if (process.env.UNI_PLATFORM === 'h5' || process.env.UNI_PLATFORM === 'app-plus') {
//     //             // Externalize to a commonjs module using the request path
//     //             return callback(null, 'siteInfo');
//     //         } else {
//     //             return callback(null, 'commonjs2 ../siteInfo.js');
//     //         }
//     //     } else {
//     //         callback();
//     //     }
//     // },
//     // function (context, request, callback) {
//     //     if (request == 'appVersion') {
//     //         if (process.env.UNI_PLATFORM === 'h5' || process.env.UNI_PLATFORM === 'app-plus') {
//     //             // Externalize to a commonjs module using the request path
//     //             return callback(null, 'appVersion');
//     //         } else {
//     //             return callback(null, 'commonjs2 ../version.js');
//     //         }
//     //     } else {
//     //         callback();
//     //     }
//     // },
// ],
devServer: {
port: 8186,
// bonjour: true,
host: "localhost",
sockHost: "dcxz.todolists.cn",
sockPort: "443",
disableHostCheck: true,
transportMode: {
client: "ws",
server: "ws",
},
inline: true,
},
}
};

操作步骤:

module.exports = {
configureWebpack: {
plugins: [
new CopyWebpackPlugin(copyList),
cssAppend,
we7Append,
removeOtiose,
new Dotenv(),
noPlugins
],
// 不能使用externals否则打包app白屏
// externals: [
//     // function (context, request, callback) {
//     //     if (request == 'siteInfo') {
//     //         if (process.env.UNI_PLATFORM === 'h5' || process.env.UNI_PLATFORM === 'app-plus') {
//     //             // Externalize to a commonjs module using the request path
//     //             return callback(null, 'siteInfo');
//     //         } else {
//     //             return callback(null, 'commonjs2 ../siteInfo.js');
//     //         }
//     //     } else {
//     //         callback();
//     //     }
//     // },
//     // function (context, request, callback) {
//     //     if (request == 'appVersion') {
//     //         if (process.env.UNI_PLATFORM === 'h5' || process.env.UNI_PLATFORM === 'app-plus') {
//     //             // Externalize to a commonjs module using the request path
//     //             return callback(null, 'appVersion');
//     //         } else {
//     //             return callback(null, 'commonjs2 ../version.js');
//     //         }
//     //     } else {
//     //         callback();
//     //     }
//     // },
// ],
devServer: {
port: 8186,
// bonjour: true,
host: "localhost",
sockHost: "dcxz.todolists.cn",
sockPort: "443",
disableHostCheck: true,
transportMode: {
client: "ws",
server: "ws",
},
inline: true,
},
}
};

更多关于uni-app 【报Bug】vue.config.js中添加externals选项后,app打包后不调用app.vue白屏的实战教程也可以访问 https://www.itying.com/category-93-b0.html

回到顶部