webPack 使用方便快捷

1  npm install webpack -g  全局安装

2 在项目是建立webpack.config.js

var path=require('path');
module.exports={
    entry:{
       homePage: './staticweb/js/home-page.js',
       productPage: './staticweb/js/product-page.js'
    },
    output:{
        path:path.join('./staticweb/','build'),
        filename:'[name].js'
    }
};

3 在cmd中运行weback --watch -p

后面的参数“--display-error-details”是推荐加上的，方便出错时能查阅更详尽的信息（比如 webpack 寻找模块的过程），从而更好定位到问题。

$ webpack --config XXX.js //使用另一份配置文件（比如webpack.config2.js）来打包

$ webpack --watch //监听变动并自动打包

$ webpack -p//压缩混淆脚本，这个非常非常重要！

$ webpack -d//生成map映射文件，告知哪些模块被最终打包到哪里了