发表于: 2019-01-07 00:17:39
2 663
今天完成的事情:
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的架构来构建前端页面。
评论