作者: admin

  • react脚手架打包不生成sourceMap

    如果不想生成就执行

    npm i cross-env -D

     

     

    package.json修改成

    "build": "cross-env GENERATE_SOURCEMAP=false node scripts/build.js",

     

     

     

     

  • Vue.js 教程 大合集

    Vue.拉钩.Vue.js3.0核心源码解析
    Vue.慕课网.Vue.js高仿饿了么外卖App.前端框架Vue.js 1.0升级2.0
    Vue.慕课网.Vue3.0+TS 仿知乎专栏企业级项目
    Vue.慕课网.Vue3.从入门到实战.进阶式掌握完整知识体系
    Vue.慕课网.Vue3+ElementPlus+Koa2.全栈开发后台系统
    Vue.慕课网.Vue核心技术.Vue+Vue-Router+Vuex+SSR.实战精讲
    Vue.腾讯Next课堂.Vue入门与实战
    Vue.腾讯课堂.Vue3.0小兔鲜儿电商项目
    Vue.珠峰培训.Vue.最新最全视频
    Vue+HR-saas 全栈项目实战课程
    Vue.js全套教程从入门到精通(141课 完结)

    下载地址

  • 解决:static heartbeatInterval = 1000

    出现这个问题是安装了”webpack-dev-server”: “^4.13.1”

    这里原因是node版本过低,因为
    webpack-dev-server v4.0.0+ 要求 node >= v12.13.0、 webpack >= v4.37.0

     

     

  • 微信小程序支付出现微信、云闪付选项

    场景:微信小程序支付时,支付选项出现云闪付支付,如下图所示:

    原因:商户开启了云闪付的支付配置。

    解决:登录微信商户平台(地址:微信支付 – 中国领先的第三方支付平台 | 微信支付提供安全快捷的支付方式 (qq.com)),点击产品中心->开发配置

    用超级管理员账号登录后,如下图所示:

    页面滑动到最下方,可以看到,支付方式配置中的云闪付是已开启状态。

    https://blog.csdn.net/a15028596338/article/details/126245643

  • webpack5打包生成支持script引入方式

    安装模块:

    "webpack": "^5.75.0",
    "webpack-cli": "^5.0.1"

     

    创建webpack.config.js

    以下适用script标签引入js

    //通过node.js动态获取绝对路径
    const path = require('path');
    const HtmlWebpackPlugin = require('html-webpack-plugin');
    module.exports={
        //入口
        entry: { //扩展性最高的写法,推荐这种写法
            WondersApp: {
                import:'./WondersApp', //启动时需加载的模块。
                library: {
                    // `output.library` 下的所有配置项可以在这里使用
                    name: 'WondersApp', //对外暴露WondersApp对象
                    type: 'umd',
                    export: ['default'],
                }
            },
            ver:{
                dependOn:'WondersApp', //当前入口所依赖的入口。它们必须在该入口被加载前被加载。
                import:'./ver',
            },
        },
        //出口
        output:{
            clean: true,
            path:path.resolve(__dirname,'dist'),
            globalObject: 'this',
        },
        devServer: {
            static: {
                directory: path.join(__dirname, 'public'),
            },
            port: 9000,
        },
        //development 开发版本    production 运行版本
        mode: "development",
        plugins: [
            new HtmlWebpackPlugin({
                title: '管理输出1',
            }),
        ],
    
    }
    

     

     

     

     

     

     

    这里重点注意:

    var WondersApp = require('./wondersh5/index')
    export default WondersApp; //必须使用export default导出才能用script引入方式使用

     

    案例包

    webpack案例2