webpack中文文档

译:webpack文档,方便自己查阅。原文:
https://webpack.github.io/docs/configuration.html

{ 
          context: __dirname + "/app", 
          entry: "./entry", 
          output: {
                     path: __dirname + "/dist",
                     filename: "bundle.js" 
          }
}

1.content:相对于entry的根目录,如果设置了output.pathinfo,则pathinfo被缩短为此目录。
2.entry:入口点,可接收,字符串,数组,对象。如果为数组,则数组中文件会打包到最后一个文件中,生成一个文件。若为对象,则创建多个流。生成多个文件。例如:

{
    entry:{
        main:"./main.js",
        view:["common.js","view.js"]
    },
    output:{
        filename:[name].min.js,
        path:__dirname+'/build',
        publicPath:'/assets/'
    }
}

3.output.filename
定义每一个输出文件的名称,这里不能定义绝对路径。
[name] 用对象的key命名
[id]用对象的索引命名
4.output.publicPath
网站运行时的目录,也为线上目录。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • GitChat技术杂谈 前言 本文较长,为了节省你的阅读时间,在文前列写作思路如下: 什么是 webpack,它要...
    萧玄辞阅读 12,745评论 7 110
  • 构建一个小项目——FlyBird,学习webpack和react。(本文成文于2017/2/25) 从webpac...
    布蕾布蕾阅读 16,960评论 31 98
  • publicPath指定了一个在浏览器中被引用的URL地址。 对于使用 和 加载器,当文件路径不同于他们的本地磁盘...
    飞呀飞哥阅读 1,730评论 0 0
  • 无意中看到zhangwnag大佬分享的webpack教程感觉受益匪浅,特此分享以备自己日后查看,也希望更多的人看到...
    小小字符阅读 8,280评论 7 35
  • 今天回想起来在彼得堡傻乎乎地从陈总那里辞职。我那时候要是坚持干下去没准还能让陈总帮忙找到一份工作呢。而且专业技能也...
    乔文亮阅读 248评论 0 0