目录
-
1 webpack.config.js
<!--webpack.config.js-->
module.exports = {
entry:__dirname+"/app/main.js",
output:{
path:__dirname+"/dist",
filename:"bundle.js"
}
}
-
2 jquery引入
var $ = require("jquery");
$("body").css("background","red")
-
3 相应文件编译得到结果
<!--webpack.config.js-->
var HtmlWebpackPlugin = require("html-webpack-plugin")
-
4 依赖安装 npm
<!--html-webpack-plugin安装-->
npm install html-webpack-plugin
<!--jquery安装-->
npm install jquery
<!--webpack本地安装-->
npm install webpack
-
5 plugins设置
<!--webpack.config.js-->
...
},
plugins:[
new HtmlWebpackPlugin()
]
...