首页 > Web开发 > 详细

webpack在项目中的配置

时间:2017-03-25 11:34:48      阅读:279      评论:0      收藏:0      [点我收藏+]

为什么要创建webpack.conflg.js

在执行webpack时会在项目的根目录寻找webpack.conflg.js,当然也可以通过--conflg来指定要运行的文件。webpack --config aa.js

打包过程中显示一些参数:

  1.找到package.json

  2.在scripts里添加如下代码(webpack后面的参数加什么参数,根据自己需要即可):

    "webpack":"webpack --config webpack.config.js --progress --display-modules --colors -- display-reason"

  3.添加完成后执行:npm run webpack

输出和输入:

  如果你的输入(entry)里定义了多个输入并且你在输出里想要让它输出多个,这是就需要用到占位符。

  占位符:

    [name]:是指entry作为对象的时候的key;例webpack.config.js里的main

    [hash]:是指每次打包的时候会在控制台生成hash值技术分享

    [chunkhash]:是指每一个chunk生成的hash值,此处生成的chunkhash值可以当做该文件的版本号,只有在改文件发生变化时,该值才会发生变化

 技术分享

 

webpack在项目中的配置

原文:http://www.cnblogs.com/cxdxm/p/6613943.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!