码迷,mamicode.com
首页 > Web开发 > 详细

webpack在项目中的配置

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

标签:自己   progress   config   webp   .config   代码   image   .json   pts   

为什么要创建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在项目中的配置

标签:自己   progress   config   webp   .config   代码   image   .json   pts   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!