发表于: 2019-01-07 00:17:39

2 662


今天完成的事情:

    1. 在 webpack 4.28.3 版本情况下使用 jquery 进行网站修改。
明天计划的事情:(一定要写非常细致的内容) 

    2. 完成任务4
遇到的问题:

    Q: 查遍所有 webpack jquery 引用的方式都无法成功执行,画面仍是有错

    A: 

        1. 产生的固定端口名称有误,而因为路径错误导致无链接可引用

        2. 配置与目前版本不符

        在cmd(windows系统)画面下安装插件    

        npm i jquery expose-loader

        webpack.dev.js     

        rules: [

                    //暴露$和jQuery到全局

                    {

                        test: require.resolve('jquery'), //require.resolve 用来获取模块的绝对路径

                        use: [{

                            loader: 'expose-loader',

                            options: 'jQuery'

                        }, {

                            loader: 'expose-loader',

                            options: '$'

                        }]

                    },

        ]

        [出口文件].js

        import $ from 'jquery'

        [编辑的jquery文件].js

        $('.test').html("Hello jQuery");

        最终编译画面:

        

收获:

    终于可成功的使用webpack构建需要的基础项目,并且可带动jquery执行。

    在下次任务4的项目中继续使用boostreap的架构来构建前端页面。


返回列表 返回列表
评论

    分享到