新建一个空的文件夹-->全局安装webpack(npm install -g webpack)-->初始化这个项目(npm init)-->在根目录下新建app和public文件夹-->app存放原始数据和将要写的js文件。public存放准备给浏览器读取的数据包括webpack生成打包后的js文件,以及一个index.html文件,-->在根目录下新建webpack.config.js,开始进行配置。
//__dirname是node.js中的一个全局变量,它指向当前执行脚本所在的目录 module.exports = {//注意这里是exports不是export entry: __dirname + "/app/main.js",//唯一入口文件,就像Java中的main方法 output: {//输出目录 path: __dirname + "/build",//打包后的js文件存放的地方 filename: "bundle.js"//打包后的js文件名 } };
然后再终端 输入 webpack或者配置package.json 里面scripts中添加“start”:"webpack"然后终端输入webpack即可