• home > tools > Bundler > webpack >

    webpack scripts copyfiles copy图片至dist目录

    Author:zhoulujun@live.cn Date:

    webpack做react项目,图片迟迟打包不成功。只能copyfiles进入dist。其它文件也可以参考文章做出相应打包配置

    react webpack开发,想copy文章至dist目录,尼玛,搞了半天,配置不成功。

    或者说wepack,react 图片 如何一并打包出去。

    刚刚开始,相信:

    var myImage = require("./static/myImage.jpg");

    尼玛,坑爹,这个,多图片不可能每次都如此,

    特别是

    <img src={require(temSrc)}/>

    fuck,然后,修改

      // {
              //   test: /\.(png|jpg)$/,
              //   loader: 'url-loader?limit=6192&name=images/[hash:8].[name].[ext]'
              // },
              // {
              //   test: /\.(png|jpg)$/,
              //   loader: 'file-loader?name=/images/[name].[ext]'
              // },
              {
                test: /\.(png|jpg|gif|mp4|ogg|svg|woff|woff2)$/,
                loaders: ['file']
              },

    但是,然并卵!

    然后,只有在package.json里面,修改copy命令

    然后查了下copyfiles 模块里面的方法。尼玛,做的太坑爹了,居然没有path路径配置。然后折磨的死去活来,还好,终于配置成功。配置如下:

    "copyImage": "copyfiles -u  1 ./src/images/*  ./src/images/**/*   ./dist/",

    具体这个 -f -u 官方页面 给出detail!

    俺也是,炳着实用主义精神,才配置成功。

    如果你有更好解决方式,请通知我!


    转载本站文章《webpack scripts copyfiles copy图片至dist目录》,
    请注明出处:https://www.zhoulujun.cn/html/tools/Bundler/webpack/2017_0117_7943.html