初识 Webpack (六) 安装第三方库依赖（jquery为例）

目录

1 webpack.config.js

2 jquery引入

3 相应文件编译得到结果

4 依赖安装 npm

5 plugins设置

---

1. 1 webpack.config.js

<!--webpack.config.js-->

module.exports = {
	entry:__dirname+"/app/main.js",
	output:{
		path:__dirname+"/dist",
		filename:"bundle.js"
	}
}

1. 2 jquery引入

var $  = require("jquery");

$("body").css("background","red")

1. 3 相应文件编译得到结果

<!--webpack.config.js-->

var HtmlWebpackPlugin = require("html-webpack-plugin")

1. 4 依赖安装 npm

<!--html-webpack-plugin安装-->
npm install html-webpack-plugin



<!--jquery安装-->
npm install jquery



<!--webpack本地安装-->
npm install webpack

1. 5 plugins设置

<!--webpack.config.js-->

...
    },
	plugins:[
	 new HtmlWebpackPlugin()
	]
...