如题
J
jd_5a1b5943c27fb
@jd_5a1b5943c27fb
0
声望
12
帖子
909
资料浏览
0
粉丝
0
关注
jd_5a1b5943c27fb 发布的帖子
-
基于taro自己开发第三方ui库, 打包出的代码发布成npm包,在小程序中能够正常展示,在H5中单位没有适配,还是px而不是rem
这个是config的配置
if (process.env.TARO_BUILD_TYPE === "ui") { Object.assign(config.h5, { enableSourceMap: false, enableExtract: false, enableDll: false }); config.h5.webpackChain = chain => { chain.plugins.delete("htmlWebpackPlugin"); chain.plugins.delete("addAssetHtmlWebpackPlugin"); chain.merge({ output: { path: path.join(process.cwd(), "dist", "h5"), filename: "index.js", libraryTarget: "umd", library: "ui-images" }, externals: { nervjs: "commonjs2 nervjs", classnames: "commonjs2 classnames", "@tarojs/components": "commonjs2 @tarojs/components", "@tarojs/taro-h5": "commonjs2 @tarojs/taro-h5", weui: "commonjs2 weui" }, plugin: { extractCSS: { plugin: MiniCssExtractPlugin, } } }); }; } const config = { projectName: "project", date: "2020-4-27", designWidth: 750, deviceRatio: { "640": 2.34 / 2, "750": 1, "828": 1.81 / 2 }, sourceRoot: "src", outputRoot: "dist", babel: { sourceMap: true, presets: [ [ "env", { modules: false } ] ], plugins: [ "transform-decorators-legacy", "transform-class-properties", "transform-object-rest-spread", [ "transform-runtime", { helpers: false, polyfill: false, regenerator: true, moduleName: "babel-runtime" } ] ] }, plugins: [], defineConstants: {}, mini: { postcss: { pxtransform: { enable: true, config: {} }, url: { enable: true, config: { limit: 10240 // 设定转换尺寸上限 } }, cssModules: { enable: false, // 默认为 false,如需使用 css modules 功能,则设为 true config: { namingPattern: "module", // 转换模式,取值为 global/module generateScopedName: "[name]__[local]___[hash:base64:5]" } } } }, h5: { publicPath: "/", staticDirectory: "static", postcss: { autoprefixer: { enable: true, config: { browsers: ["last 3 versions", "Android >= 4.1", "ios >= 8"] } }, cssModules: { enable: false, // 默认为 false,如需使用 css modules 功能,则设为 true config: { namingPattern: "module", // 转换模式,取值为 global/module generateScopedName: "[name]__[local]___[hash:base64:5]" } } } } }; module.exports = function(merge) { if (process.env.NODE_ENV === "development") { return merge({}, config, require("./dev")); } return merge({}, config, require("./prod")); };
-
RE: taro打包成小程序以后,点击事件不是bindtap,而是bindonclick
@Taro-小助手-honly taro开发的组建,能用到原生开发的微信小程序和react开发的H5上面吗
-
RE: 想问下各位大佬 能不能把taro生成的小程序代码 放到原生小程序里面用呢 因为不能把原生转成taro再二次开发
@荃啊荃啊荃 原生h5可以吗?现在就是想把taro打包的H5组建拿到react开发的H5上使用,现在的问题是打包过后都是压缩过的