首页 > Web开发 > 详细

webpack基础使用(二)

时间:2017-05-23 19:12:16      阅读:265      评论:0      收藏:0      [点我收藏+]

webpack.config.js文件的配置:输入:module.exports={

                                                                   entry:  //入口文件,可以使string类型  例如:‘./src/script/main.js‘  还可以使用数组的形式 例如:[‘./src/script/main.js‘,‘./src/script/main1.js‘]

 

                                                                   output:{//打包以后的文件

                                                                         path://__dirname +打包后的文件放路径     例如:__dirname +‘/dist‘

                                                                         filename://打包之后的文件名

                                                                   }

                                                    }

 

 

[推荐]webpack.config.js文件的配置:输入:module.exports={

                                                                   entry: { //入口文件

                                                                         page1:‘‘,  //可以使string类型  例如:‘./src/script/main.js‘  还可以使用数组的形式 例如:[‘./src/script/main.js‘,‘./src/script/main1.js‘]

                                                                         page2:‘‘  //同上

                                                                 }

                                                                   output:{//打包以后的文件

                                                                         path://__dirname +打包后的文件放路径     例如:__dirname +‘/dist‘

                                                                         filename:// [name]打包之后的文件名  例如:‘[name].js‘  三个占位符 1.[name]:由块的名称替换(page1,page2)   2.[hash]:替换为编译的哈希值   3.[chunkhash]:被块的哈希所替换

                                                                   }

                                                    }

 

利用npm给wabpack添加参数:在package.json里面的 scripts 下配置wabpack  例如:"webpack":"webpack --config  webpack.config.js --progress --display-modules --colors --watch"

webpack基础使用(二)

原文:http://www.cnblogs.com/hellowoeld/p/6895480.html

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