menu
more_vert
webpack入门02

作者:dayu


  • 打包时即可使用命令:npm run webpack,定义的脚本即会被运行
  • 技术分享
    技术分享

    技术分享
    • 例二:2个没有依赖关系的多入口文件独立打包(object形式),输出可以使用的占位符有:name, hash, chunkhash(哈希值可当作生成的文件的版本号,文件改变是才会改变)
    技术分享
    技术分享


    技术分享

    技术分享
    c)插件参数:template
    通过插件参数template可以为生成的html文件指定模板
    技术分享
    d)插件参数:filename
    通过插件参数filename可以指定生成的html文件的文件名
    技术分享
    e)插件参数:inject
    通过插件参数inject可以指定在生成的html文件中模块的引用是放在head还是body标签中,值为false时表不引用模块,可在模板自定义指定引入的模块和模块引用的放置位置
    技术分享
    f)自定义参数和参数获取
    在配置文件中自定义一些模板参数,若想在模版中获取到参数,可通过<%=%>结合插件对象来获取,然后在打包时生成的index.html文件将包含我们自定义的参数,如以下自定义了title参数
    技术分享
    技术分享
    技术分享
    g)遍历插件参数
    还是使用<%=%>标签方式可以在模板中遍历插件参数
    技术分享

    技术分享
    技术分享

    技术分享


    技术分享

    技术分享


    技术分享

    技术分享

    技术分享

    技术分享

    技术分享

    webpack入门02

    原文地址:http://www.cnblogs.com/threeron/p/7520779.html