运行 npm init -y
命令,初始化包管理配置文件 package.json
npm install jquery -S
命令,安装jQuerynpm install webpack webpack-cli -D
命令,安装 webpack 相关的包module.exports = {mode: "development" // mode用来指定构建模式
};
"scripts": {"dev": "webpack" // script 节点下的脚本,可以通过 npm run 执行
}
index.html
本文件中引用的是打包后的main.js文件
Document - 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
index.js
import $ from "jquery";
$(function () {$("li:odd").css("backgroundColor", "blue");$("li:even").css("backgroundColor", "lightblue");
});
console.log(1111);
package.json
{"name": "zz","version": "1.0.0","description": "","main": "index.js","scripts": {"dev": "webpack","test": "echo \"Error: no test specified\" && exit 1"},"keywords": [],"author": "","license": "ISC","dependencies": {"jquery": "^3.3.1"},"devDependencies": {"webpack": "^5.75.0","webpack-cli": "^5.0.1"}
}
如果你感觉文章不咋地
//(ㄒoㄒ)//
,就在评论处留言,作者继续改进;o_O???
如果你觉得该文章有一点点用处,可以给作者点个赞;\\*^o^*//
如果你想要和作者一起进步,可以微信扫描二维码,关注前端老L;~~~///(^v^)\\\~~~
谢谢各位读者们啦(^_^)∠※
!!!