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

