zoukankan      html  css  js  c++  java
  • webpack中的output.filename 和output.chunkFilename

    filename应该比较好理解,就是对应于entry里面生成出来的文件名。比如:

    {
        entry: {
            "index": "pages/index.jsx"
        },
        output: {
            filename: "[name].min.js",
            chunkFilename: "[name].min.js"
        }
    }

    生成出来的文件名为index.min.js

    chunkname我的理解是未被列在entry中,却又需要被打包出来的文件命名配置。什么场景需要呢?我们项目就遇到过,在按需加载(异步)模块的时候,这样的文件是没有被列在entry中的,如使用CommonJS的方式异步加载模块:

    require.ensure(["modules/tips.jsx"], function(require) {
        var a = require("modules/tips.jsx");
        // ...
    }, 'tips');

    异步加载的模块是要以文件形式加载哦,所以这时生成的文件名是以chunkname配置的,生成出的文件名就是tips.min.js

    (require.ensure() API的第三个参数是给这个模块命名,否则 chunkFilename: "[name].min.js" 中的 [name] 是一个自动分配的、可读性很差的id,这是我在文档很不起眼的地方2.0K发现的。。。)

  • 相关阅读:
    Python基础编程常用模块汇总
    博客目录
    网络编程
    python 对象
    python模块和规范开发
    python常用内置函数
    python递归函数和匿名函数
    python装饰器
    python迭代器,生成器,推导式
    python作用域
  • 原文地址:https://www.cnblogs.com/raind/p/8595509.html
Copyright © 2011-2022 走看看