-
运行npm i webpack -g全局安装webpack,这样就能在全局使用webpack的命令
-
在项目根目录中运行npm i webpack安装到项目依赖中
-
运行npm init -y初始化项目
-
创建项目基本的目录结构src 和 dist,在src里新建index.html
-
使用npm i jquery -S安装jquery类库
创建index.js并书写各行变色的代码逻辑:// 导入jquery类库 import $ from 'jquery' // 设置偶数行背景色,索引从0开始,0是偶数 $('#list li:even').css('backgroundColor','lightblue'); // 设置奇数行背景色 $('#list li:odd').css('backgroundColor','pink');
-
安装npm install webpack-cli -D,意思是安装到项目本地依赖,但是项目本地并没有安装webpack,所以我们安装到全局,npm install webpack-cli -g
7.输入 webpack ./src/index.js --mode development 进行打包
参考https://www.jianshu.com/p/a480da93b1e4
webpack 4.x安装命令
最新推荐文章于 2021-04-27 15:55:46 发布