webpack入门1

新建一个空的文件夹-->全局安装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即可

 

posted @ 2017-04-24 15:07  Athena-web  阅读(139)  评论(0编辑  收藏  举报